@genexus/genexus-ide-ui 1.0.18 → 1.0.19

package/dist/genexus-ide-ui/genexus-ide-ui.esm.js

@@ -13,5 +13,5 @@ export { s as setNonce } from "./p-aaed592c.js";
   return e(t);
 };
 
-patchBrowser().then((e => a(JSON.parse('[["p-c2c6f3f0",[[1,"gx-ide-bpm-export-xpdl",{"displayTitle":[4,"display-title"],"exportCallback":[16],"cancelCallback":[16],"addCallback":[16],"referencesCallback":[16],"emptyInput":[32],"emptyObjects":[32],"notExporting":[32]}]]],["p-ca8b0024",[[1,"gx-ide-kb-manager-import",{"displayTitle":[4,"display-title"],"topStateBar":[4,"top-state-bar"],"selectedFile":[1040],"optionsCallback":[16],"importCallback":[16],"loadCallback":[16],"cancelCallback":[16],"statusMinimal":[4,"status-minimal"],"objectContextMenuCallback":[16],"checkedObjectsIds":[32],"noObjects":[32],"showHiddenImportsMessage":[32],"statusInfo":[32],"objectsTreeState":[32],"importStatusMessage":[32],"someStatusVisible":[32],"noImport":[32],"importTreeState":[32],"importingIsInProcess":[32],"addResultItem":[64]},null,{"objectsTreeState":["watchObjectsTreeStateHandler"],"importTreeState":["watchImportTreeStateHandler"],"importingIsInProcess":["watchImportingIsInProcessHandler"],"selectedFile":["watchSelectedFileHandler"]}]]],["p-f471d180",[[1,"gx-ide-bpm-import-files",{"displayTitle":[4,"display-title"],"allowedExtensions":[16],"confirmCallback":[16],"cancelCallback":[16],"files":[32],"selectedFiles":[32]}]]],["p-01581437",[[1,"gx-ide-team-dev-select-recent-comment",{"displayTitle":[4,"display-title"],"comments":[16],"confirmCallback":[16],"cancelCallback":[16]}]]],["p-4ce47bcd",[[1,"gx-ide-team-dev-update",{"displayTitle":[4,"display-title"],"confirmCallback":[16],"gridContextMenuCallback":[16],"loadCallback":[16],"objectsScopeCallback":[16],"openServerCallback":[16],"pendingItemsCheckedCallback":[16],"revisionScopeCallback":[16],"objectsContextMenuCallback":[16],"selectCallback":[16],"types":[16],"updateCallback":[16],"updateFrom":[16],"isLoading":[32],"objectScopeText":[32],"openTab":[32],"revisionScopeText":[32],"showFilter":[32],"updateData":[32],"updateResultData":[32],"reload":[64]}]]],["p-fae9bd6c",[[17,"gx-ide-data-selector",{"cancelCallback":[16],"confirmCallback":[16],"defaultModule":[16],"displayTitle":[4,"display-title"],"editCallback":[16],"loadItemsCallback":[16],"loader":[4],"newVariableCallback":[16],"selectObjectCallback":[16],"selectionType":[1,"selection-type"],"loading":[32],"objects":[32],"selectedObjectsIds":[32],"suspendShortcuts":[64],"validate":[64]}]]],["p-7ac25fc3",[[1,"gx-ide-container",{"inactiveTitle":[4,"inactive-title"],"containerTitle":[1,"container-title"],"titleType":[1,"title-type"],"displayBorder":[4,"display-border"],"displayBorderTop":[4,"display-border-top"],"displayBorderEnd":[4,"display-border-end"],"displayBorderBottom":[4,"display-border-bottom"],"displayBorderStart":[4,"display-border-start"],"sectionsPadding":[1,"sections-padding"],"titleAlignment":[1,"title-alignment"],"noHeadingBorder":[4,"no-heading-border"],"noHeadingGap":[4,"no-heading-gap"],"noHeadingPadding":[4,"no-heading-padding"],"noHeadingPaddingBlockEnd":[4,"no-heading-padding-block-end"],"headingPaddingTop":[4,"heading-padding-top"],"headingJustify":[1,"heading-justify"],"titleHeightAsInput":[4,"title-height-as-input"],"flexRow":[4,"flex-row"],"flexContent":[4,"flex-content"],"noContentBorderTop":[4,"no-content-border-top"],"noContentPadding":[4,"no-content-padding"],"noContentGap":[4,"no-content-gap"],"alignItems":[1,"align-items"],"justifyContent":[1,"justify-content"],"contentBorderEnd":[4,"content-border-end"],"slimmerAboveFooter":[4,"slimmer-above-footer"],"noAboveFooterPadding":[4,"no-above-footer-padding"],"noBorderAboveFooter":[4,"no-border-above-footer"],"slimmerFooter":[4,"slimmer-footer"],"noFooterPadding":[4,"no-footer-padding"],"footerJustify":[1,"footer-justify"],"noBorderFooter":[4,"no-border-footer"],"hasHeaderSlot":[32],"hasSlottedContent":[32],"hasFooterSlot":[32],"hasAboveFooterSlot":[32],"hasOnlyHeading":[32],"hasOnlyContent":[32],"hasOnlyFooter":[32]}],[1,"gx-ide-title",{"titleCaption":[1,"title-caption"],"type":[1],"alignment":[1],"padding":[516],"noPaddingBottom":[516,"no-padding-bottom"],"border":[516]}]]],["p-3f9f8691",[[1,"gx-ide-design-import",{"displayTitle":[4,"display-title"],"extensions":[1],"defaultModule":[16],"selectModuleCallback":[16],"cancelCallback":[16],"confirmCallback":[16],"loadCallback":[16],"loadDesignSystemCallback":[16],"loadFontCallback":[16],"loadImageCallback":[16],"loadPanelDataCallback":[16],"requiresAccessTokenCallback":[16],"shadow":[4],"styles":[16],"textEditorFactoryCallback":[16],"activeTabs":[32],"path":[32],"designData":[32],"detailTreeModel":[32],"isLoading":[32],"messages":[32],"selectedFile":[32],"selectedDesignType":[32],"selectedDesignItem":[32],"showAccessToken":[32],"designDataTreeDataModel":[32],"updateTabsActiveTab":[32],"fitImages":[32],"shrinkTree":[32],"shrunkenTree":[32],"treeSh":[32],"validate":[64]},null,{"designData":["watchDesignDataHandler"],"shrinkTree":["watchShrinkTreeHandler"],"messages":["watchMessagesHandler"]}]]],["p-0a1167a6",[[1,"gx-ide-manage-module-references",{"displayTitle":[4,"display-title"],"servers":[16],"serverSelectedCallback":[16],"executeActionCallback":[16],"addServerCallback":[16],"serverContextMenuCallback":[16],"showServerCommands":[4,"show-server-commands"],"modulesAll":[32],"filteredModules":[32],"selectedModule":[32],"selectedServerId":[32],"selectedModuleAction":[32],"modulesSelectedVersion":[32],"actionCompleted":[32],"closeProgressBar":[32],"progressValue":[32],"progressState":[32],"loadingServer":[32],"reRenderCounter":[32],"validate":[64]},null,{"modulesAll":["modulesAllWatcher","onPropValueChange"],"loadingServer":["loadingServerHandler"]}]]],["p-cff74f8a",[[1,"gx-ide-manage-module-references-v2",{"displayTitle":[4,"display-title"],"servers":[16],"serverSelectedCallback":[16],"executeActionCallback":[16],"serverContextMenuCallback":[16],"showServerCommands":[4,"show-server-commands"],"searchModulesFilterValue":[32],"selectedButtonFilter":[32],"serverModules":[32],"serverModulesExtended":[32],"filteredServerModules":[32],"modulesMap":[32],"selectedModule":[32],"selectedServerId":[32],"selectedModuleAction":[32],"modulesSelectedVersionMap":[32],"actionCompleted":[32],"closeProgressBar":[32],"progressValue":[32],"progressState":[32],"loadingServer":[32]},null,{"loadingServer":["loadingServerHandler"]}]]],["p-f06147d7",[[17,"gx-ide-object-selector",{"cancelCallback":[16],"categories":[16],"defaultCategory":[1,"default-category"],"defaultModule":[16],"defaultType":[1,"default-type"],"loader":[4],"loadCallback":[16],"multiSelection":[4,"multi-selection"],"newObjectCallback":[16],"openSelectionCallback":[16],"patternValue":[1,"pattern-value"],"selectModuleCallback":[16],"types":[16],"filterModified":[32],"loading":[32],"modifiedAfterValue":[32],"objects":[32],"selectedObjectsIdsArray":[32],"suspendShortcuts":[64],"validate":[64]}]]],["p-e08213ef",[[1,"gx-ide-start-page",{"getNewsCallback":[16],"kbs":[16],"kbsFilterThreshold":[2,"kbs-filter-threshold"],"newsFilterThreshold":[2,"news-filter-threshold"],"openKbCallback":[16],"openNewsCallback":[16],"displayKbsFilter":[32],"displayNewsFilter":[32],"filteredKbs":[32],"filteredNews":[32],"loadingKbs":[32],"news":[32],"newsFilterValue":[32],"renderedFirstTime":[32]},null,{"news":["watchNews"],"kbs":["kbsChanged"]}]]],["p-f96614f3",[[1,"gx-ide-ww-images",{"displayTitle":[4,"display-title"],"secondaryFilter":[4,"secondary-filter"],"categories":[16],"densities":[16],"defaultCategory":[1,"default-category"],"defaultModule":[16],"defaultType":[1,"default-type"],"filterModules":[16],"languages":[16],"layers":[16],"contextMenuCallback":[16],"deleteSelectionCallback":[16],"loadCallback":[16],"loadImageItemsCallback":[16],"newObjectCallback":[16],"openSelectionCallback":[16],"selectModuleCallback":[16],"selectionObjectChangedCallback":[16],"shadow":[4],"styles":[16],"types":[16],"filtersHidden":[32],"filterAfterType":[32],"filterModified":[32],"images":[32],"filteredImages":[32],"imagesSelectedItems":[32],"selectedObjectsIds":[32],"filterImagesInputValue":[32],"validate":[64],"reload":[64]},[[1,"keydown","keyDownHandler"]],{"filtersHidden":["filtersHiddenHandler"]}]]],["p-b3a336b8",[[1,"gx-ide-bpm-app-declaration",{"displayTitle":[4,"display-title"],"application":[1040],"suggestApplicationsCallback":[16],"selectApplicationCallback":[16],"selectMappingCallback":[16],"confirmCallback":[16],"cancelCallback":[16],"getDataMappingCallback":[16],"suggestedApplications":[32]},null,{"application":["watchApplicationHandler"]}]]],["p-ec6ea5d2",[[1,"gx-ide-bpm-assign-roles",{"displayTitle":[4,"display-title"],"roles":[16],"assignedRoles":[16],"confirmCallback":[16],"cancelCallback":[16],"unassignedRolesState":[32],"assignedRolesState":[32],"filterUnassignedInput":[32],"filterAssignedInput":[32],"unassignedSelected":[32],"assignedSelected":[32]}]]],["p-dffecb40",[[1,"gx-ide-bpm-import-gxpm",{"displayTitle":[4,"display-title"],"confirmCallback":[16],"cancelCallback":[16],"selectedFile":[32],"pathValue":[32]}]]],["p-95c31c66",[[1,"gx-ide-bpm-timer-duration",{"displayTitle":[4,"display-title"],"duration":[16],"confirmCallback":[16],"cancelCallback":[16]}]]],["p-d5d0ed5e",[[1,"gx-ide-connect-gx-server",{"displayTitle":[4,"display-title"],"serverUrls":[16],"enableCustomServer":[4,"enable-custom-server"],"defaultConnectionData":[16],"enableUserLogged":[4,"enable-user-logged"],"connectCallback":[16],"cancelCallback":[16],"displayLoginControls":[32]}]]],["p-b1f6fdd6",[[1,"gx-ide-create-kb-from-server",{"displayTitle":[4,"display-title"],"connectCallback":[16],"createKBCallback":[16],"enableCustomServer":[4,"enable-custom-server"],"kbName":[1025,"kb-name"],"password":[1],"serverUrls":[16],"userName":[1,"user-name"],"selectionKbDisabled":[32],"kbs":[32],"kbSearchText":[32]},null,{"kbs":["watchPropHandler"]}]]],["p-037ea55d",[[1,"gx-ide-edit-module-server",{"types":[16],"name":[1],"source":[1],"type":[1],"confirmCallback":[16],"selectSourceCallback":[16],"cancelCallback":[16],"selectedType":[32]}]]],["p-0d5fc7ca",[[1,"gx-ide-gam-installation-settings",{"displayTitle":[4,"display-title"],"configurationType":[1,"configuration-type"],"repairCallback":[16],"saveCallback":[16],"cancelCallback":[16],"defaultConfiguration":[16],"canSelectPanels":[4,"can-select-panels"]}]]],["p-a4a56375",[[1,"gx-ide-kb-manager-export",{"addKBPropertiesCallback":[16],"addObjectsCallback":[16],"addReferencesCallback":[16],"cancelCallback":[16],"exportCallback":[16],"exportFileDirectoryCallback":[16],"fileName":[1,"file-name"],"kbPropertiesTypes":[16],"loader":[4],"objectTypes":[16],"optionsCallback":[16],"addKbPropertiesIsChecked":[32],"atLeastOnePropertyItemIsChecked":[32],"atLeastOneObjectItemIsChecked":[32],"checkedObjectsIds":[32],"checkedPropertiesIds":[32],"exportAllIsChecked":[32],"exportingIsInProcess":[32],"hasObjects":[32],"objectsTreeViewModel":[32]},null,{"objectsTreeViewModel":["objectsTreeViewModelChanged"],"objectTypes":["objectTypesChanged"]}]]],["p-82032e9c",[[1,"gx-ide-references",{"displayTitle":[4,"display-title"],"selectedObject":[1040],"selectorSourceCallback":[16],"loadReferencesCallback":[16],"openObjectCallback":[16],"openSelectorDialogCallback":[16],"selectReferenceCallback":[16],"referencedByTreeData":[32],"referencesToTreeData":[32],"barHidden":[32],"objectsSuggestions":[32]},null,{"selectedObject":["selectedObjectHandler"]}]]],["p-fc64d088",[[1,"gx-ide-share-kb",{"displayTitle":[4,"display-title"],"kbName":[1,"kb-name"],"serverUrls":[16],"enableCustomServer":[4,"enable-custom-server"],"createKBCallback":[16]}]]],["p-39792ac8",[[1,"gx-ide-team-dev-commit",{"displayTitle":[4,"display-title"],"changeSet":[16],"types":[16],"folders":[16],"categories":[16],"getRecentCommentCallback":[16],"loadCallback":[16],"commitCallback":[16],"selectCallback":[16],"pendingItemsCheckedCallback":[16],"objectsContextMenuCallback":[16],"filtersHidden":[32],"comment":[32],"pendingCommits":[32],"ignoredObjects":[32],"commitButtonEnabled":[32],"filterHasConditions":[32],"reload":[64]}]]],["p-bfbce8fb",[[1,"gx-ide-team-dev-update-partial-selection",{"displayTitle":[4,"display-title"],"addCallback":[16],"cancelCallback":[16],"confirmCallback":[16],"selection":[1040],"selectedObjectsIds":[32],"validate":[64]}]]],["p-9346bb01",[[1,"gx-ide-team-dev-update-to-revision",{"displayTitle":[4,"display-title"],"cancelCallback":[16],"confirmCallback":[16],"currentRevision":[1,"current-revision"],"validate":[64]}]]],["p-7bbefdcc",[[1,"gx-ide-template",{"displayTitle":[4,"display-title"]}]]],["p-68605d06",[[1,"gx-ide-wf-settings",{"displayTitle":[4,"display-title"],"configurationType":[1,"configuration-type"],"defaultConfiguration":[16],"saveCallback":[16],"cancelCallback":[16]}]]],["p-26b2037d",[[17,"gx-ide-ai-assistant",{"messages":[1040],"promptMaxHeight":[1,"prompt-max-height"],"assistantStatus":[1025,"assistant-status"],"focusShortcuts":[16],"userMessageCallback":[16],"clearCallback":[16],"promptValue":[1,"prompt-value"],"filter":[4],"userHasTyped":[32],"aIInProgress":[32],"showFilter":[32],"promptHasFocus":[32],"filterValue":[32],"clear":[64],"addMessage":[64]},[[2,"focus","handleFocus"]],{"aIInProgress":["watchAIInProgressHandler"],"messages":["watchMessagesHandler"]}]]],["p-3b3f5ecb",[[1,"gx-ide-dashboard-home",{"kb":[16],"enableEditKBName":[4,"enable-edit-k-b-name"],"environment":[16],"enableEditEnvironmentName":[4,"enable-edit-environment-name"],"projectDescription":[1,"project-description"],"enableEditDescription":[4,"enable-edit-description"],"recentObjects":[16],"renameKBCallback":[16],"renameEnvironmentCallback":[16],"editDescriptionCallback":[16],"openObjectCallback":[16],"editingEnvName":[32],"editingProjectDescription":[32]},null,{"recentObjects":["recentObjectsHandler"]}]]],["p-6b8f6569",[[17,"gx-ide-new-object",{"defaultTypeId":[1,"default-type-id"],"defaultParent":[16],"displayTitle":[4,"display-title"],"cancelCallback":[16],"createCallback":[16],"shadow":[4],"typeCategories":[1040],"parent":[16],"selectModuleCallback":[16],"validateNameCallback":[16],"description":[32],"name":[32],"nameValidationErrorMessage":[32],"selectedCategory":[32],"selectedType":[32],"typeCategoriesActionListModel":[32],"typesActionListModel":[32],"selectedTypeMap":[32],"suspendShortcuts":[64]},null,{"typeCategories":["typeCategoriesChanged"]}]]],["p-b113c5b4",[[1,"gx-ide-card",{"cardTitle":[1,"card-title"],"cardSubTitle":[1,"card-sub-title"],"icon":[1]}]]],["p-3b5b6908",[[1,"gx-ide-directory-selector",{"accessibilityLabels":[16],"label":[1],"labelPosition":[513,"label-position"],"centerLabel":[1028,"center-label"],"labelWidth":[1,"label-width"],"selectDirectoryCallback":[16],"value":[1025],"icon":[32]}]]],["p-23c9b4e6",[[1,"gx-ide-new-environment",{"cancelCallback":[16],"createCallback":[16],"dataStores":[1040],"environmentName":[1025,"environment-name"],"getDataSourcesCallback":[16],"getEnvironmentNameCallback":[16],"getFrontEndsCallback":[16],"isAdvanced":[4,"is-advanced"],"languages":[16],"runtimes":[16],"setAsTarget":[4,"set-as-target"],"advancedTabIsVisible":[32],"frontEnds":[32],"validatableControls":[32],"dataStoresComboBoxModel":[32],"languageComboBoxModel":[32],"runtimesRadioGroupModel":[32],"suspendShortcuts":[64]},null,{"dataStores":["dataStoresChanged"],"languages":["languagesChanged"],"runtimes":["runtimesChanged"]}]]],["p-cfd29ed2",[[1,"gx-ide-new-kb",{"authenticationTypes":[16],"cancelCallback":[16],"collations":[16],"createCallback":[16],"createDataFilesInKBFolder":[4,"create-data-files-in-k-b-folder"],"databaseName":[1,"database-name"],"defaultDataSources":[1040],"getDataSourcesCallback":[16],"getFrontEndsCallback":[16],"isAdvanced":[4,"is-advanced"],"kbLocation":[1025,"kb-location"],"kbName":[1,"kb-name"],"password":[1],"prototypingEnvironments":[16],"prototypingTargets":[16],"savePassword":[4,"save-password"],"selectLocationCallback":[16],"serverNames":[16],"userInterfaceLanguages":[16],"userName":[1,"user-name"],"advancedTabIsVisible":[32],"frontEnds":[32],"validatableControls":[32],"createDataInKbDisabled":[32],"userNameVisible":[32],"passwordVisible":[32],"savePasswordVisible":[32],"authenticationTypesComboBoxModel":[32],"authenticationTypesInitialValue":[32],"collationsComboBoxModel":[32],"collationsInitialValue":[32],"defaultDataSourcesComboBoxModel":[32],"defaultDataSourcesInitialValue":[32],"prototypingTargetsComboBoxModel":[32],"prototypingTargetsInitialValue":[32],"prototypingEnvironmentsComboBoxModel":[32],"prototypingEnvironmentsInitialValue":[32],"serverNamesComboBoxModel":[32],"serverNamesInitialValue":[32],"userInterfaceLanguagesComboBoxModel":[32],"userInterfaceLanguagesInitialValue":[32],"suspendShortcuts":[64]},null,{"authenticationTypes":["watchAuthenticationTypes"],"collations":["watchCollations"],"defaultDataSources":["watchDefaultDataSources"],"prototypingEnvironments":["watchPrototypingEnvironments"],"prototypingTargets":["watchPrototypingTargets"],"serverNames":["watchServerNames"],"userInterfaceLanguages":["watchUserInterfaceLanguages"]}]]],["p-c79243c8",[[1,"gx-ide-switch-panel"]]],["p-09cc20b1",[[1,"gx-ide-switcher"]]],["p-a29cfcdb",[[1,"gx-ide-test",{"name":[1],"filterOn":[32]}]]],["p-edc4f1dc",[[1,"gx-ide-top-bar",{"topBarTitle":[1,"top-bar-title"]}]]],["p-e7bb68ec",[[1,"gx-ide-bpm-objects-selector",{"displayTitle":[4,"display-title"],"selection":[1040],"addCallback":[16],"referencesCallback":[16],"objects":[32],"selectedObjects":[32]}]]],["p-d15717c5",[[1,"gx-ide-recent-news",{"getNewsCallback":[16],"openNewsCallback":[16],"filterValue":[1,"filter-value"],"filteredNews":[32],"loadingNews":[32],"news":[32],"newsLoadFailed":[32]},null,{"news":["newsChanged"],"filterValue":["watchNews"]}]]],["p-dbfddffd",[[1,"gx-ide-status-buttons",{"active":[4],"errors":[2],"hideError":[4,"hide-error"],"warnings":[2],"hideWarning":[4,"hide-warning"],"successes":[2],"hideSuccess":[4,"hide-success"],"messages":[2],"hideMessage":[4,"hide-message"],"minimal":[4],"compact":[516],"noInnerBorders":[516,"no-inner-borders"],"iconsSize":[32]}]]],["p-5bff0103",[[1,"gx-ide-ai-message",{"message":[1],"messageType":[1,"message-type"],"filterValue":[1,"filter-value"],"hidden":[4],"translations":[16],"visible":[32],"showCopiedMessage":[32]}]]],["p-5961ae84",[[1,"gx-ide-entity-selector",{"defaultValue":[16],"labelCaption":[1,"label-caption"],"labelPosition":[513,"label-position"],"name":[513],"selectEntityCallback":[16],"value":[1040],"buttonHasFocus":[32],"iconSrc":[32]},null,{"value":["valueChangedHandler"]}]]],["p-98b5b178",[[1,"gx-ide-loader",{"abortTime":[2,"abort-time"],"cancelCallback":[16],"cancelLabel":[1,"cancel-label"],"description":[1],"displayBorder":[516,"display-border"],"loaderTitle":[1,"loader-title"],"show":[1028],"showWrapper":[32]}],[1,"gx-ide-empty-state",{"isAnimated":[4,"is-animated"],"stateDescription":[1,"state-description"],"stateIconSrc":[1,"state-icon-src"],"stateTitle":[1,"state-title"]}]]],["p-940c83a6",[[1,"gx-ide-list-selector",{"listTitle":[1,"list-title"],"ordered":[4],"readonly":[4],"type":[1],"required":[4],"ellipsis":[4],"value":[1025],"iconsColor":[1,"icons-color"],"iconsSize":[1,"icons-size"],"listName":[1,"list-name"],"noItemsBorder":[4,"no-items-border"],"noListBorder":[516,"no-list-border"]},[[2,"itemSelectionChanged","itemSelectionChangedHandler"]]],[4,"gx-ide-list-selector-item",{"itemId":[513,"item-id"],"itemValue":[1,"item-value"],"itemChecked":[1028,"item-checked"],"readonly":[1540],"ellipsis":[1540],"icon":[1],"iconColor":[1025,"icon-color"],"iconSize":[1025,"icon-size"],"noBorder":[1540,"no-border"],"universalSlotEnd":[516,"universal-slot-end"]}]]]]'), e)));
+patchBrowser().then((e => a(JSON.parse('[["p-c2c6f3f0",[[1,"gx-ide-bpm-export-xpdl",{"displayTitle":[4,"display-title"],"exportCallback":[16],"cancelCallback":[16],"addCallback":[16],"referencesCallback":[16],"emptyInput":[32],"emptyObjects":[32],"notExporting":[32]}]]],["p-b785673d",[[1,"gx-ide-kb-manager-import",{"displayTitle":[4,"display-title"],"topStateBar":[4,"top-state-bar"],"selectedFile":[1040],"optionsCallback":[16],"importCallback":[16],"loadCallback":[16],"cancelCallback":[16],"statusMinimal":[4,"status-minimal"],"objectContextMenuCallback":[16],"checkedObjectsIds":[32],"noObjects":[32],"showHiddenImportsMessage":[32],"statusInfo":[32],"objectsTreeState":[32],"importStatusMessage":[32],"someStatusVisible":[32],"noImport":[32],"importTreeState":[32],"importingIsInProcess":[32],"addResultItem":[64]},null,{"objectsTreeState":["watchObjectsTreeStateHandler"],"importTreeState":["watchImportTreeStateHandler"],"importingIsInProcess":["watchImportingIsInProcessHandler"],"selectedFile":["watchSelectedFileHandler"]}]]],["p-f471d180",[[1,"gx-ide-bpm-import-files",{"displayTitle":[4,"display-title"],"allowedExtensions":[16],"confirmCallback":[16],"cancelCallback":[16],"files":[32],"selectedFiles":[32]}]]],["p-01581437",[[1,"gx-ide-team-dev-select-recent-comment",{"displayTitle":[4,"display-title"],"comments":[16],"confirmCallback":[16],"cancelCallback":[16]}]]],["p-acf0cbac",[[1,"gx-ide-team-dev-update",{"displayTitle":[4,"display-title"],"confirmCallback":[16],"gridContextMenuCallback":[16],"loadCallback":[16],"objectsScopeCallback":[16],"openServerCallback":[16],"pendingItemsCheckedCallback":[16],"revisionScopeCallback":[16],"objectsContextMenuCallback":[16],"selectCallback":[16],"types":[16],"updateCallback":[16],"updateFrom":[16],"isLoading":[32],"objectScopeText":[32],"openTab":[32],"revisionScopeText":[32],"showFilter":[32],"updateData":[32],"updateResultData":[32],"reload":[64]}]]],["p-9efea53c",[[17,"gx-ide-data-selector",{"cancelCallback":[16],"confirmCallback":[16],"defaultModule":[16],"displayTitle":[4,"display-title"],"editCallback":[16],"loadItemsCallback":[16],"loader":[4],"newVariableCallback":[16],"selectObjectCallback":[16],"selectionType":[1,"selection-type"],"loading":[32],"objects":[32],"selectedObjectsIds":[32],"suspendShortcuts":[64],"validate":[64]}]]],["p-3f9f8691",[[1,"gx-ide-design-import",{"displayTitle":[4,"display-title"],"extensions":[1],"defaultModule":[16],"selectModuleCallback":[16],"cancelCallback":[16],"confirmCallback":[16],"loadCallback":[16],"loadDesignSystemCallback":[16],"loadFontCallback":[16],"loadImageCallback":[16],"loadPanelDataCallback":[16],"requiresAccessTokenCallback":[16],"shadow":[4],"styles":[16],"textEditorFactoryCallback":[16],"activeTabs":[32],"path":[32],"designData":[32],"detailTreeModel":[32],"isLoading":[32],"messages":[32],"selectedFile":[32],"selectedDesignType":[32],"selectedDesignItem":[32],"showAccessToken":[32],"designDataTreeDataModel":[32],"updateTabsActiveTab":[32],"fitImages":[32],"shrinkTree":[32],"shrunkenTree":[32],"treeSh":[32],"validate":[64]},null,{"designData":["watchDesignDataHandler"],"shrinkTree":["watchShrinkTreeHandler"],"messages":["watchMessagesHandler"]}]]],["p-1f37f5b5",[[1,"gx-ide-manage-module-references",{"displayTitle":[4,"display-title"],"servers":[16],"serverSelectedCallback":[16],"executeActionCallback":[16],"addServerCallback":[16],"serverContextMenuCallback":[16],"showServerCommands":[4,"show-server-commands"],"modulesAll":[32],"filteredModules":[32],"selectedModule":[32],"selectedServerId":[32],"selectedModuleAction":[32],"modulesSelectedVersion":[32],"actionCompleted":[32],"closeProgressBar":[32],"progressValue":[32],"progressState":[32],"loadingServer":[32],"reRenderCounter":[32],"validate":[64]},null,{"modulesAll":["modulesAllWatcher","onPropValueChange"],"loadingServer":["loadingServerHandler"]}]]],["p-60cd6b09",[[1,"gx-ide-manage-module-references-v2",{"displayTitle":[4,"display-title"],"servers":[16],"serverSelectedCallback":[16],"executeActionCallback":[16],"serverContextMenuCallback":[16],"showServerCommands":[4,"show-server-commands"],"searchModulesFilterValue":[32],"selectedButtonFilter":[32],"serverModules":[32],"serverModulesExtended":[32],"filteredServerModules":[32],"modulesMap":[32],"selectedModule":[32],"selectedServerId":[32],"selectedModuleAction":[32],"modulesSelectedVersionMap":[32],"actionCompleted":[32],"closeProgressBar":[32],"progressValue":[32],"progressState":[32],"loadingServer":[32]},null,{"loadingServer":["loadingServerHandler"]}]]],["p-de59d495",[[1,"gx-ide-navigation-report",{"headerData":[16],"confirmCallback":[16],"cancelCallback":[16],"closeCallback":[16],"itemSelectedCallback":[16],"reportTreeItems":[32],"navigationItemsStatusRegExpString":[32],"navigationItemsCaptionRegExpString":[32],"navigationItemsRegExp":[32],"confirmed":[32],"headerState":[32],"statusInfo":[32],"someStatusVisible":[32],"addItem":[64],"clearItems":[64]},null,{"navigationItemsStatusRegExpString":["navigationItemsStatusRegExpStringChanged"],"navigationItemsCaptionRegExpString":["navigationItemsCaptionRegExpStringChanged"]}]]],["p-44d779c9",[[17,"gx-ide-object-selector",{"cancelCallback":[16],"categories":[16],"defaultCategory":[1,"default-category"],"defaultModule":[16],"defaultType":[1,"default-type"],"loader":[4],"loadCallback":[16],"multiSelection":[4,"multi-selection"],"newObjectCallback":[16],"openSelectionCallback":[16],"patternValue":[1,"pattern-value"],"selectModuleCallback":[16],"types":[16],"filterModified":[32],"loading":[32],"modifiedAfterValue":[32],"objects":[32],"selectedObjectsIdsArray":[32],"suspendShortcuts":[64],"validate":[64]}]]],["p-0576a392",[[1,"gx-ide-start-page",{"getNewsCallback":[16],"kbs":[16],"kbsFilterThreshold":[2,"kbs-filter-threshold"],"newsFilterThreshold":[2,"news-filter-threshold"],"openKbCallback":[16],"openNewsCallback":[16],"displayKbsFilter":[32],"displayNewsFilter":[32],"filteredKbs":[32],"filteredNews":[32],"loadingKbs":[32],"news":[32],"newsFilterValue":[32],"renderedFirstTime":[32]},null,{"news":["watchNews"],"kbs":["kbsChanged"]}]]],["p-7ac25fc3",[[1,"gx-ide-container",{"inactiveTitle":[4,"inactive-title"],"containerTitle":[1,"container-title"],"titleType":[1,"title-type"],"displayBorder":[4,"display-border"],"displayBorderTop":[4,"display-border-top"],"displayBorderEnd":[4,"display-border-end"],"displayBorderBottom":[4,"display-border-bottom"],"displayBorderStart":[4,"display-border-start"],"sectionsPadding":[1,"sections-padding"],"titleAlignment":[1,"title-alignment"],"noHeadingBorder":[4,"no-heading-border"],"noHeadingGap":[4,"no-heading-gap"],"noHeadingPadding":[4,"no-heading-padding"],"noHeadingPaddingBlockEnd":[4,"no-heading-padding-block-end"],"headingPaddingTop":[4,"heading-padding-top"],"headingJustify":[1,"heading-justify"],"titleHeightAsInput":[4,"title-height-as-input"],"flexRow":[4,"flex-row"],"flexContent":[4,"flex-content"],"noContentBorderTop":[4,"no-content-border-top"],"noContentPadding":[4,"no-content-padding"],"noContentGap":[4,"no-content-gap"],"alignItems":[1,"align-items"],"justifyContent":[1,"justify-content"],"contentBorderEnd":[4,"content-border-end"],"slimmerAboveFooter":[4,"slimmer-above-footer"],"noAboveFooterPadding":[4,"no-above-footer-padding"],"noBorderAboveFooter":[4,"no-border-above-footer"],"slimmerFooter":[4,"slimmer-footer"],"noFooterPadding":[4,"no-footer-padding"],"footerJustify":[1,"footer-justify"],"noBorderFooter":[4,"no-border-footer"],"hasHeaderSlot":[32],"hasSlottedContent":[32],"hasFooterSlot":[32],"hasAboveFooterSlot":[32],"hasOnlyHeading":[32],"hasOnlyContent":[32],"hasOnlyFooter":[32]}],[1,"gx-ide-title",{"titleCaption":[1,"title-caption"],"type":[1],"alignment":[1],"padding":[516],"noPaddingBottom":[516,"no-padding-bottom"],"border":[516]}]]],["p-b3a336b8",[[1,"gx-ide-bpm-app-declaration",{"displayTitle":[4,"display-title"],"application":[1040],"suggestApplicationsCallback":[16],"selectApplicationCallback":[16],"selectMappingCallback":[16],"confirmCallback":[16],"cancelCallback":[16],"getDataMappingCallback":[16],"suggestedApplications":[32]},null,{"application":["watchApplicationHandler"]}]]],["p-ec6ea5d2",[[1,"gx-ide-bpm-assign-roles",{"displayTitle":[4,"display-title"],"roles":[16],"assignedRoles":[16],"confirmCallback":[16],"cancelCallback":[16],"unassignedRolesState":[32],"assignedRolesState":[32],"filterUnassignedInput":[32],"filterAssignedInput":[32],"unassignedSelected":[32],"assignedSelected":[32]}]]],["p-dffecb40",[[1,"gx-ide-bpm-import-gxpm",{"displayTitle":[4,"display-title"],"confirmCallback":[16],"cancelCallback":[16],"selectedFile":[32],"pathValue":[32]}]]],["p-95c31c66",[[1,"gx-ide-bpm-timer-duration",{"displayTitle":[4,"display-title"],"duration":[16],"confirmCallback":[16],"cancelCallback":[16]}]]],["p-d5d0ed5e",[[1,"gx-ide-connect-gx-server",{"displayTitle":[4,"display-title"],"serverUrls":[16],"enableCustomServer":[4,"enable-custom-server"],"defaultConnectionData":[16],"enableUserLogged":[4,"enable-user-logged"],"connectCallback":[16],"cancelCallback":[16],"displayLoginControls":[32]}]]],["p-b1f6fdd6",[[1,"gx-ide-create-kb-from-server",{"displayTitle":[4,"display-title"],"connectCallback":[16],"createKBCallback":[16],"enableCustomServer":[4,"enable-custom-server"],"kbName":[1025,"kb-name"],"password":[1],"serverUrls":[16],"userName":[1,"user-name"],"selectionKbDisabled":[32],"kbs":[32],"kbSearchText":[32]},null,{"kbs":["watchPropHandler"]}]]],["p-037ea55d",[[1,"gx-ide-edit-module-server",{"types":[16],"name":[1],"source":[1],"type":[1],"confirmCallback":[16],"selectSourceCallback":[16],"cancelCallback":[16],"selectedType":[32]}]]],["p-0d5fc7ca",[[1,"gx-ide-gam-installation-settings",{"displayTitle":[4,"display-title"],"configurationType":[1,"configuration-type"],"repairCallback":[16],"saveCallback":[16],"cancelCallback":[16],"defaultConfiguration":[16],"canSelectPanels":[4,"can-select-panels"]}]]],["p-1ced155b",[[1,"gx-ide-kb-manager-export",{"addKBPropertiesCallback":[16],"addObjectsCallback":[16],"addReferencesCallback":[16],"cancelCallback":[16],"exportCallback":[16],"exportFileDirectoryCallback":[16],"fileName":[1,"file-name"],"kbPropertiesTypes":[16],"loader":[4],"objectTypes":[16],"optionsCallback":[16],"addKbPropertiesIsChecked":[32],"atLeastOnePropertyItemIsChecked":[32],"atLeastOneObjectItemIsChecked":[32],"checkedObjectsIds":[32],"checkedPropertiesIds":[32],"exportAllIsChecked":[32],"exportingIsInProcess":[32],"hasObjects":[32],"objectsTreeViewModel":[32]},null,{"objectsTreeViewModel":["objectsTreeViewModelChanged"],"objectTypes":["objectTypesChanged"]}]]],["p-82032e9c",[[1,"gx-ide-references",{"displayTitle":[4,"display-title"],"selectedObject":[1040],"selectorSourceCallback":[16],"loadReferencesCallback":[16],"openObjectCallback":[16],"openSelectorDialogCallback":[16],"selectReferenceCallback":[16],"referencedByTreeData":[32],"referencesToTreeData":[32],"barHidden":[32],"objectsSuggestions":[32]},null,{"selectedObject":["selectedObjectHandler"]}]]],["p-fc64d088",[[1,"gx-ide-share-kb",{"displayTitle":[4,"display-title"],"kbName":[1,"kb-name"],"serverUrls":[16],"enableCustomServer":[4,"enable-custom-server"],"createKBCallback":[16]}]]],["p-c4d1d0ce",[[1,"gx-ide-team-dev-commit",{"displayTitle":[4,"display-title"],"changeSet":[16],"types":[16],"folders":[16],"categories":[16],"getRecentCommentCallback":[16],"loadCallback":[16],"commitCallback":[16],"selectCallback":[16],"pendingItemsCheckedCallback":[16],"objectsContextMenuCallback":[16],"filtersHidden":[32],"comment":[32],"pendingCommits":[32],"ignoredObjects":[32],"commitButtonEnabled":[32],"filterHasConditions":[32],"reload":[64]}]]],["p-bfbce8fb",[[1,"gx-ide-team-dev-update-partial-selection",{"displayTitle":[4,"display-title"],"addCallback":[16],"cancelCallback":[16],"confirmCallback":[16],"selection":[1040],"selectedObjectsIds":[32],"validate":[64]}]]],["p-9346bb01",[[1,"gx-ide-team-dev-update-to-revision",{"displayTitle":[4,"display-title"],"cancelCallback":[16],"confirmCallback":[16],"currentRevision":[1,"current-revision"],"validate":[64]}]]],["p-7bbefdcc",[[1,"gx-ide-template",{"displayTitle":[4,"display-title"]}]]],["p-68605d06",[[1,"gx-ide-wf-settings",{"displayTitle":[4,"display-title"],"configurationType":[1,"configuration-type"],"defaultConfiguration":[16],"saveCallback":[16],"cancelCallback":[16]}]]],["p-26b2037d",[[17,"gx-ide-ai-assistant",{"messages":[1040],"promptMaxHeight":[1,"prompt-max-height"],"assistantStatus":[1025,"assistant-status"],"focusShortcuts":[16],"userMessageCallback":[16],"clearCallback":[16],"promptValue":[1,"prompt-value"],"filter":[4],"userHasTyped":[32],"aIInProgress":[32],"showFilter":[32],"promptHasFocus":[32],"filterValue":[32],"clear":[64],"addMessage":[64]},[[2,"focus","handleFocus"]],{"aIInProgress":["watchAIInProgressHandler"],"messages":["watchMessagesHandler"]}]]],["p-278afab1",[[1,"gx-ide-dashboard-home",{"kb":[16],"enableEditKBName":[4,"enable-edit-k-b-name"],"environment":[16],"enableEditEnvironmentName":[4,"enable-edit-environment-name"],"projectDescription":[1,"project-description"],"enableEditDescription":[4,"enable-edit-description"],"recentObjects":[16],"renameKBCallback":[16],"renameEnvironmentCallback":[16],"editDescriptionCallback":[16],"openObjectCallback":[16],"editingEnvName":[32],"editingProjectDescription":[32]},null,{"recentObjects":["recentObjectsHandler"]}]]],["p-2465307a",[[17,"gx-ide-new-object",{"defaultTypeId":[1,"default-type-id"],"defaultParent":[16],"displayTitle":[4,"display-title"],"cancelCallback":[16],"createCallback":[16],"shadow":[4],"typeCategories":[1040],"parent":[16],"selectModuleCallback":[16],"validateNameCallback":[16],"description":[32],"name":[32],"nameValidationErrorMessage":[32],"selectedCategory":[32],"selectedType":[32],"typeCategoriesActionListModel":[32],"typesActionListModel":[32],"selectedTypeMap":[32],"suspendShortcuts":[64]},null,{"typeCategories":["typeCategoriesChanged"]}]]],["p-62efd8f2",[[1,"gx-ide-ww-images",{"categories":[16],"contextMenuCallback":[16],"defaultCategory":[1,"default-category"],"defaultModule":[16],"deleteSelectionCallback":[16],"densities":[16],"languages":[16],"layers":[16],"loadCallback":[16],"loadImageItemsCallback":[16],"newObjectCallback":[16],"openSelectionCallback":[16],"selectModuleCallback":[16],"selectionObjectChangedCallback":[16],"secondaryFilter":[4,"secondary-filter"],"shadow":[4],"styles":[16],"types":[16],"categoriesComboBoxModel":[32],"densitiesComboBoxModel":[32],"languagesComboBoxModel":[32],"layersComboBoxModel":[32],"stylesComboBoxModel":[32],"filterSidebarExpanded":[32],"afterCurrentValue":[32],"filterAfterOptions":[32],"filterImagesInputValue":[32],"filterModified":[32],"filteredImages":[32],"images":[32],"imagesSelectedItems":[32],"selectedObjectsIds":[32],"toggleFilterButtonActive":[32],"reload":[64]},[[1,"keydown","keyDownHandler"]],{"toggleFilterButtonActive":["toggleFilterButtonActiveChanged"],"categories":["categoriesChanged"],"densities":["densitiesChanged"],"languages":["languagesChanged"],"layers":["layersChanged"],"styles":["stylesChanged"]}]]],["p-b113c5b4",[[1,"gx-ide-card",{"cardTitle":[1,"card-title"],"cardSubTitle":[1,"card-sub-title"],"icon":[1]}]]],["p-3b5b6908",[[1,"gx-ide-directory-selector",{"accessibilityLabels":[16],"label":[1],"labelPosition":[513,"label-position"],"centerLabel":[1028,"center-label"],"labelWidth":[1,"label-width"],"selectDirectoryCallback":[16],"value":[1025],"icon":[32]}]]],["p-c36effd2",[[1,"gx-ide-new-environment",{"cancelCallback":[16],"createCallback":[16],"dataStores":[1040],"environmentName":[1025,"environment-name"],"getDataSourcesCallback":[16],"getEnvironmentNameCallback":[16],"getFrontEndsCallback":[16],"isAdvanced":[4,"is-advanced"],"languages":[16],"runtimes":[16],"setAsTarget":[4,"set-as-target"],"advancedTabIsVisible":[32],"frontEnds":[32],"validatableControls":[32],"dataStoresComboBoxModel":[32],"languageComboBoxModel":[32],"runtimesRadioGroupModel":[32],"suspendShortcuts":[64]},null,{"dataStores":["dataStoresChanged"],"languages":["languagesChanged"],"runtimes":["runtimesChanged"]}]]],["p-352d4aad",[[1,"gx-ide-new-kb",{"authenticationTypes":[16],"cancelCallback":[16],"collations":[16],"createCallback":[16],"createDataFilesInKBFolder":[4,"create-data-files-in-k-b-folder"],"databaseName":[1,"database-name"],"defaultDataSources":[1040],"getDataSourcesCallback":[16],"getFrontEndsCallback":[16],"isAdvanced":[4,"is-advanced"],"kbLocation":[1025,"kb-location"],"kbName":[1,"kb-name"],"password":[1],"prototypingEnvironments":[16],"prototypingTargets":[16],"savePassword":[4,"save-password"],"selectLocationCallback":[16],"serverNames":[16],"userInterfaceLanguages":[16],"userName":[1,"user-name"],"advancedTabIsVisible":[32],"frontEnds":[32],"validatableControls":[32],"createDataInKbDisabled":[32],"userNameVisible":[32],"passwordVisible":[32],"savePasswordVisible":[32],"authenticationTypesComboBoxModel":[32],"authenticationTypesInitialValue":[32],"collationsComboBoxModel":[32],"collationsInitialValue":[32],"defaultDataSourcesComboBoxModel":[32],"defaultDataSourcesInitialValue":[32],"prototypingTargetsComboBoxModel":[32],"prototypingTargetsInitialValue":[32],"prototypingEnvironmentsComboBoxModel":[32],"prototypingEnvironmentsInitialValue":[32],"serverNamesComboBoxModel":[32],"serverNamesInitialValue":[32],"userInterfaceLanguagesComboBoxModel":[32],"userInterfaceLanguagesInitialValue":[32],"suspendShortcuts":[64]},null,{"authenticationTypes":["watchAuthenticationTypes"],"collations":["watchCollations"],"defaultDataSources":["watchDefaultDataSources"],"prototypingEnvironments":["watchPrototypingEnvironments"],"prototypingTargets":["watchPrototypingTargets"],"serverNames":["watchServerNames"],"userInterfaceLanguages":["watchUserInterfaceLanguages"]}]]],["p-c79243c8",[[1,"gx-ide-switch-panel"]]],["p-09cc20b1",[[1,"gx-ide-switcher"]]],["p-a29cfcdb",[[1,"gx-ide-test",{"name":[1],"filterOn":[32]}]]],["p-edc4f1dc",[[1,"gx-ide-top-bar",{"topBarTitle":[1,"top-bar-title"]}]]],["p-e7bb68ec",[[1,"gx-ide-bpm-objects-selector",{"displayTitle":[4,"display-title"],"selection":[1040],"addCallback":[16],"referencesCallback":[16],"objects":[32],"selectedObjects":[32]}]]],["p-20389960",[[1,"gx-ide-recent-news",{"getNewsCallback":[16],"openNewsCallback":[16],"filterValue":[1,"filter-value"],"filteredNews":[32],"loadingNews":[32],"news":[32],"newsLoadFailed":[32]},null,{"news":["newsChanged"],"filterValue":["watchNews"]}]]],["p-4ce0a85e",[[1,"gx-ide-ai-message",{"message":[1],"messageType":[1,"message-type"],"filterValue":[1,"filter-value"],"hidden":[4],"translations":[16],"visible":[32],"showCopiedMessage":[32]}]]],["p-69b88e9f",[[1,"gx-ide-status-buttons",{"active":[4],"errors":[2],"hideError":[4,"hide-error"],"warnings":[2],"hideWarning":[4,"hide-warning"],"successes":[2],"hideSuccess":[4,"hide-success"],"messages":[2],"hideMessage":[4,"hide-message"],"minimal":[4],"compact":[516],"noInnerBorders":[516,"no-inner-borders"],"iconsSize":[32]}]]],["p-3f5ea8bf",[[1,"gx-ide-entity-selector",{"defaultValue":[16],"labelCaption":[1,"label-caption"],"labelPosition":[513,"label-position"],"name":[513],"selectEntityCallback":[16],"value":[1040],"buttonHasFocus":[32],"iconSrc":[32]},null,{"value":["valueChangedHandler"]}]]],["p-98b5b178",[[1,"gx-ide-loader",{"abortTime":[2,"abort-time"],"cancelCallback":[16],"cancelLabel":[1,"cancel-label"],"description":[1],"displayBorder":[516,"display-border"],"loaderTitle":[1,"loader-title"],"show":[1028],"showWrapper":[32]}],[1,"gx-ide-empty-state",{"isAnimated":[4,"is-animated"],"stateDescription":[1,"state-description"],"stateIconSrc":[1,"state-icon-src"],"stateTitle":[1,"state-title"]}]]],["p-2dd09b01",[[1,"gx-ide-list-selector",{"ordered":[4],"readonly":[4],"type":[1],"required":[4],"ellipsis":[4],"value":[1025],"listName":[1,"list-name"],"noItemsBorder":[4,"no-items-border"],"noListBorder":[516,"no-list-border"]},[[2,"itemSelectionChanged","itemSelectionChangedHandler"]]],[4,"gx-ide-list-selector-item",{"itemId":[513,"item-id"],"itemValue":[1,"item-value"],"itemChecked":[1028,"item-checked"],"readonly":[1540],"ellipsis":[1540],"icon":[1],"noBorder":[1540,"no-border"],"universalSlotEnd":[516,"universal-slot-end"]}]]]]'), e)));
 //# sourceMappingURL=genexus-ide-ui.esm.js.map

package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.9.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;;;;GAKA,OAAMA,eAAe;EAajB,MAAMC,gBAAyBC;EAC/B,MAAMC,IAAqE;EAC3E,IAAIF,MAAe,IAAI;IACnBE,EAAKC,eAAe,IAAIC,IAAI,KAAKJ,GAAYK;AACrD;EACI,OAAOC,EAAeJ;AAAK;;ACnB/BH,eAAeQ,MAAKC,KAEXC,EAAcC,KAAAC,MAAA,i+lBAAuCH"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.9.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;;;;GAKA,OAAMA,eAAe;EAajB,MAAMC,gBAAyBC;EAC/B,MAAMC,IAAqE;EAC3E,IAAIF,MAAe,IAAI;IACnBE,EAAKC,eAAe,IAAIC,IAAI,KAAKJ,GAAYK;AACrD;EACI,OAAOC,EAAeJ;AAAK;;ACnB/BH,eAAeQ,MAAKC,KAEXC,EAAcC,KAAAC,MAAA,2qnBAAuCH"}

package/dist/genexus-ide-ui/gx-ide-assets/navigation-report/langs/navigation-report.lang.en.json

@@ -0,0 +1,6 @@
+{
+  "aside": {
+    "filterLabel": "Pattern",
+    "filterPlaceholder": "Object Name"
+  }
+}

package/dist/genexus-ide-ui/gx-ide-assets/navigation-report/langs/navigation-report.lang.ja.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "「こんにちは、私の名前は {0} です。オレゴンに住んでいます。」"
+}

package/dist/genexus-ide-ui/gx-ide-assets/navigation-report/langs/navigation-report.lang.zh.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "你好，我的名字是 {0}，我住在俄勒冈州。"
+}

package/dist/genexus-ide-ui/gx-ide-assets/ww-images/langs/ww-images.lang.en.json

@@ -21,8 +21,9 @@
     "language": "Language",
     "density": "Density",
     "layer": "Layer",
-    "btnMore": "More >>",
-    "btnLess": "<< Less"
+    "more": "More",
+    "less": "Less",
+    "searchByContentPlaceholder": "Search by content"
   },
   "objCount": {
     "selected": "selected object(s)",
@@ -45,5 +46,8 @@
     "btnCancel": "Cancel"
   },
   "imagesTitle": "Tiles",
-  "imagesDataTitle": "Images Information"
+  "imagesDataTitle": "Images Information",
+  "emptyState": {
+    "title": "You search did not match any object"
+  }
 }

package/dist/genexus-ide-ui/gx-ide-assets/ww-images/langs/ww-images.lang.ja.json

@@ -21,8 +21,9 @@
     "language": "言語",
     "density": "画面密度",
     "layer": "レイヤー",
-    "btnMore": "詳細 >>",
-    "btnLess": "<< 標準"
+    "more": "",
+    "less": "",
+    "searchByContentPlaceholder": ""
   },
   "objCount": {
     "selected": "選択されたオブジェクト",
@@ -45,5 +46,8 @@
     "btnCancel": "キャンセル"
   },
   "imagesTitle": "タイル",
-  "imagesDataTitle": "画像情報"
-}
+  "imagesDataTitle": "画像情報",
+  "emptyState": {
+    "title": ""
+  }
+}

package/dist/genexus-ide-ui/{p-e08213ef.entry.js → p-0576a392.entry.js}

@@ -1,14 +1,14 @@
 import { r as n, h as e, H as t, g as r } from "./p-aaed592c.js";
 
-import { g as a } from "./p-58e7d1ab.js";
+import { g as a } from "./p-0b0ce806.js";
 
 import { L as o } from "./p-74d59062.js";
 
 import { c as i } from "./p-78b90603.js";
 
-import { f as s, h as l } from "./p-c339f703.js";
+import { f as s, h as l } from "./p-066028bc.js";
 
-const c = ":root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  font-style: italic;\n}\n\n.gxg-quote--negative {\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.gxg-link:hover {\n  color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n  color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n  filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--error);\n  display: inline-block;\n}\n\n.gxg-alert-warning {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--warning);\n  display: inline-block;\n}\n\n.gxg-alert-success {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--success);\n  display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--gxg-label-font-weight);\n  font-size: var(--gxg-label-font-size);\n  color: var(--gxg-label-color);\n  text-align: center;\n  line-height: 1.455em;\n  display: flex;\n  align-items: center;\n}\n.gxg-label:hover {\n  color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n  color: var(--color-primary-active);\n}\n.gxg-label:active {\n  color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n  color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n  color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n  color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n/* - - - - - - - - - - - - - - - - -\nNew classes for Chameleon + Mercury\n- - - - - - - - - - - - - - - - - */\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.card-regular {\n  background-color: var(--mer-surface__elevation--01);\n  border: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);\n  border-radius: var(--mer-border__radius--md);\n  padding: var(--mer-spacing--md) var(--mer-spacing--md);\n  display: grid;\n}\n\n.card-small {\n  background-color: var(--mer-surface__elevation--02);\n  border-radius: var(--mer-border__radius--sm);\n  padding: var(--mer-spacing--sm) var(--mer-spacing--sm);\n}\n.card-small--actionable:hover {\n  background-color: var(--mer-color__neutral-gray--600);\n}\n.card-small--actionable:active {\n  background-color: var(--mer-color__neutral-gray--650);\n}\n.card-small:focus-visible {\n  outline: var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);\n  outline-offset: var(--focus__outline-offset);\n}\n\n.empty-state {\n  block-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: var(--mer-spacing--sm);\n  text-align: center;\n}\n.empty-state__title, .empty-state__button, .empty-state__link {\n  max-inline-size: 300px;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-1 {\n  opacity: 1;\n}\n\n.display-contents {\n  display: contents;\n}\n\n/* - - - - - - - - - - - - - - - - - - - \nOld classes (Gemini) to be removed soon\n- - - - - - - - - - - - - - - - - - - */\n/* - - - - - - - - - - - - - - - - - - - \nOld classes (Gemini) to be removed soon\n- - - - - - - - - - - - - - - - - - - */\n/* Helper Classes */\n.gxi-hidden {\n  display: none !important;\n}\n\n.gxi-full-height {\n  height: 100%;\n}\n\n.gxi-overflow-auto {\n  overflow: auto;\n}\n\n.gxi-display-flex {\n  display: flex;\n}\n\n.align-start {\n  display: flex;\n  align-items: start;\n}\n\n.align-center {\n  display: flex;\n  align-items: center;\n}\n\n.align-end {\n  display: flex;\n  align-items: end;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.justify-start {\n  display: flex;\n  justify-content: start;\n}\n\n.justify-center {\n  display: flex;\n  justify-content: center;\n}\n\n.justify-end {\n  display: flex;\n  justify-content: end;\n}\n\n/* Grids */\n.grid {\n  display: grid;\n  grid-row-gap: var(--gx-ide-grid-row-gap);\n  grid-column-gap: var(--gx-ide-grid-column-gap);\n  grid-template-rows: auto;\n}\n\nch-grid-cell {\n  display: flex;\n}\n\nch-grid {\n  overflow: auto;\n  height: 100%;\n}\n\nch-grid-column {\n  /*to be removed when this works inside a component with shadow: true*/\n  z-index: 99;\n  border-bottom: 1px solid var(--mer-color__neutral-gray--800);\n}\n\nch-grid-column:first-child {\n  padding-inline-start: var(--gx-ide-container__padding) !important;\n}\n\nch-grid-column:last-child {\n  padding-inline-end: var(--gx-ide-container__padding) !important;\n}\n\nch-grid-cell {\n  --mer-spacing--xs: var(--gx-ide-container__padding);\n}\n\n/*--- Layout ---*/\n.layout {\n  display: grid;\n  gap: var(--mer-spacing--lg);\n  box-sizing: border-box;\n}\n.layout--two-cols {\n  grid-template-columns: 1fr 1fr;\n}\n.layout--space-above {\n  padding-block-start: var(--mer-spacing--lg);\n}\n\n/*Gxg Tabs*/\ngxg-tabs {\n  box-shadow: none;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n  height: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/*stylize the top bar*/\n:host(:focus-within) gx-ide-top-bar::part(wrapper) {\n  background-color: var(--color-secondary-enabled);\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n  color: var(--gx-ide-component-text-color);\n  font-weight: var(--mer-font__weight--regular);\n  font-size: var(--mer-font__size--xs);\n  font-family: var(--mer-font-family--primary);\n  height: 100%;\n  background-color: var(--gx-ide-component-background-color);\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n/*This is the main element. This is the one that take the remaining vertical space*/\n.gx-ide-main {\n  flex-grow: 1;\n  overflow-y: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gx-ide-main::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gx-ide-main::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gx-ide-main::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gx-ide-main::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gx-ide-main::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n.gx-ide-overflow {\n  overflow-y: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gx-ide-overflow::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gx-ide-overflow::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gx-ide-overflow::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n.tree-view-primary {\n  font-size: var(--mer-font__size--2xs);\n}\n\np {\n  margin: 0;\n  font-size: var(--mer-font__size--xxs);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nNew : For Mercury\n- - - - - - - - - - - - - - - - - - */\n.buttons-container {\n  display: flex;\n  gap: var(--mer-spacing--xs);\n}\n\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n.hiChar {\n  color: var(--mer-color__primary-blue--200);\n  filter: brightness(1.3);\n}\n\n:host {\n  overflow: auto;\n  container-type: inline-size;\n  container-name: host;\n}\n\n.layout-main,\n.layout__panel {\n  block-size: 100%;\n  overflow: auto;\n}\n\n@container host (max-width: 768px) {\n  .layout.layout-main {\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n  }\n}\n.panel-recent-kbs {\n  position: relative;\n}\n\n.recent-kbs,\n.recent-news {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n}\n.recent-kbs__header,\n.recent-news__header {\n  display: grid;\n  gap: var(--mer-spacing--md);\n}\n\n.kbs-container {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  overflow: auto;\n  grid-auto-rows: max-content;\n  container-type: inline-size;\n  container-name: kb-container;\n  animation: fadeIn var(--mer-timing--super-fast) forwards linear;\n}\n\n.card-kb {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mer-spacing--lg);\n  container-type: inline-size;\n  container-name: card-kb;\n}\n.card-kb__left-col {\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n}\n\n@container kb-container (max-width: 360px) {\n  .card-kb {\n    align-items: center;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    justify-content: start;\n  }\n}\ngx-ide-recent-news {\n  overflow: auto;\n}\n\n.panel-recent-news {\n  position: relative;\n}\n\n@keyframes exactMatchBright {\n  100% {\n    filter: brightness(1.25);\n  }\n}\n.exact-match-bright {\n  animation: exactMatchBright var(--mer-timing--super-fast) ease-in-out 4 alternate;\n}\n\ngx-ide-loader::part(loader-wrapper) {\n  border: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);\n  border-radius: var(--mer-border__radius--md);\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n}";
+const c = ":root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  font-style: italic;\n}\n\n.gxg-quote--negative {\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.gxg-link:hover {\n  color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n  color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n  filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--error);\n  display: inline-block;\n}\n\n.gxg-alert-warning {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--warning);\n  display: inline-block;\n}\n\n.gxg-alert-success {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--success);\n  display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--gxg-label-font-weight);\n  font-size: var(--gxg-label-font-size);\n  color: var(--gxg-label-color);\n  text-align: center;\n  line-height: 1.455em;\n  display: flex;\n  align-items: center;\n}\n.gxg-label:hover {\n  color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n  color: var(--color-primary-active);\n}\n.gxg-label:active {\n  color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n  color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n  color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n  color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n/* - - - - - - - - - - - - - - - - -\nNew classes for Chameleon + Mercury\n- - - - - - - - - - - - - - - - - */\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.card-regular {\n  background-color: var(--mer-surface__elevation--01);\n  border: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);\n  border-radius: var(--mer-border__radius--md);\n  padding: var(--mer-spacing--md) var(--mer-spacing--md);\n  display: grid;\n}\n\n.card-small {\n  background-color: var(--mer-surface__elevation--02);\n  border-radius: var(--mer-border__radius--sm);\n  padding: var(--mer-spacing--sm) var(--mer-spacing--sm);\n}\n.card-small--actionable:hover {\n  background-color: var(--mer-color__neutral-gray--600);\n}\n.card-small--actionable:active {\n  background-color: var(--mer-color__neutral-gray--650);\n}\n.card-small:focus-visible {\n  outline: var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);\n  outline-offset: var(--focus__outline-offset);\n}\n\n.empty-state {\n  block-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: var(--mer-spacing--sm);\n  text-align: center;\n}\n.empty-state__title, .empty-state__button, .empty-state__link {\n  max-inline-size: 300px;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-1 {\n  opacity: 1;\n}\n\n.display-contents {\n  display: contents;\n}\n\n/* - - - - - - - - - - - - - - - - - - - \nOld classes (Gemini) to be removed soon\n- - - - - - - - - - - - - - - - - - - */\n/* - - - - - - - - - - - - - - - - - - - \nOld classes (Gemini) to be removed soon\n- - - - - - - - - - - - - - - - - - - */\n/* Helper Classes */\n.gxi-hidden {\n  display: none !important;\n}\n\n.gxi-full-height {\n  height: 100%;\n}\n\n.gxi-overflow-auto {\n  overflow: auto;\n}\n\n.gxi-display-flex {\n  display: flex;\n}\n\n.align-start {\n  display: flex;\n  align-items: start;\n}\n\n.align-center {\n  display: flex;\n  align-items: center;\n}\n\n.align-end {\n  display: flex;\n  align-items: end;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.justify-start {\n  display: flex;\n  justify-content: start;\n}\n\n.justify-center {\n  display: flex;\n  justify-content: center;\n}\n\n.justify-end {\n  display: flex;\n  justify-content: end;\n}\n\n/* Grids */\n.grid {\n  display: grid;\n  grid-row-gap: var(--gx-ide-grid-row-gap);\n  grid-column-gap: var(--gx-ide-grid-column-gap);\n  grid-template-rows: auto;\n}\n\nch-grid-cell {\n  display: flex;\n}\n\nch-grid {\n  overflow: auto;\n  height: 100%;\n}\n\nch-grid-column {\n  /*to be removed when this works inside a component with shadow: true*/\n  z-index: 99;\n  border-bottom: 1px solid var(--mer-color__neutral-gray--800);\n}\n\nch-grid-column:first-child {\n  padding-inline-start: var(--gx-ide-container__padding) !important;\n}\n\nch-grid-column:last-child {\n  padding-inline-end: var(--gx-ide-container__padding) !important;\n}\n\nch-grid-cell {\n  --mer-spacing--xs: var(--gx-ide-container__padding);\n}\n\n/*--- Layout ---*/\n.layout {\n  display: grid;\n  gap: var(--mer-spacing--lg);\n  box-sizing: border-box;\n}\n.layout--two-cols {\n  grid-template-columns: 1fr 1fr;\n}\n.layout--space-above {\n  padding-block-start: var(--mer-spacing--lg);\n}\n\n/*Gxg Tabs*/\ngxg-tabs {\n  box-shadow: none;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n  height: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/*stylize the top bar*/\n:host(:focus-within) gx-ide-top-bar::part(wrapper) {\n  background-color: var(--color-secondary-enabled);\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n  color: var(--gx-ide-component-text-color);\n  font-weight: var(--mer-font__weight--regular);\n  font-size: var(--mer-font__size--xs);\n  font-family: var(--mer-font-family--primary);\n  height: 100%;\n  background-color: var(--gx-ide-component-background-color);\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n/*This is the main element. This is the one that take the remaining vertical space*/\n.gx-ide-main {\n  flex-grow: 1;\n  overflow-y: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gx-ide-main::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gx-ide-main::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gx-ide-main::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gx-ide-main::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gx-ide-main::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n.gx-ide-overflow {\n  overflow-y: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gx-ide-overflow::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gx-ide-overflow::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gx-ide-overflow::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n.tree-view-primary {\n  font-size: var(--mer-font__size--2xs);\n}\n\np {\n  margin: 0;\n  font-size: var(--mer-font__size--xxs);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nNew : For Mercury\n- - - - - - - - - - - - - - - - - - */\n.buttons-container {\n  display: flex;\n  gap: var(--mer-spacing--xs);\n}\n\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n.hiChar {\n  color: var(--mer-color__primary--200);\n  filter: brightness(1.3);\n}\n\n:host {\n  overflow: auto;\n  container-type: inline-size;\n  container-name: host;\n}\n\n.layout-main,\n.layout__panel {\n  block-size: 100%;\n  overflow: auto;\n}\n\n@container host (max-width: 768px) {\n  .layout.layout-main {\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n  }\n}\n.panel-recent-kbs {\n  position: relative;\n}\n\n.recent-kbs,\n.recent-news {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n}\n.recent-kbs__header,\n.recent-news__header {\n  display: grid;\n  gap: var(--mer-spacing--md);\n}\n\n.kbs-container {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  overflow: auto;\n  grid-auto-rows: max-content;\n  container-type: inline-size;\n  container-name: kb-container;\n  animation: fadeIn var(--mer-timing--super-fast) forwards linear;\n}\n\n.card-kb {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mer-spacing--lg);\n  container-type: inline-size;\n  container-name: card-kb;\n}\n.card-kb__left-col {\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n}\n\n@container kb-container (max-width: 360px) {\n  .card-kb {\n    align-items: center;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    justify-content: start;\n  }\n}\ngx-ide-recent-news {\n  overflow: auto;\n}\n\n.panel-recent-news {\n  position: relative;\n}\n\n@keyframes exactMatchBright {\n  100% {\n    filter: brightness(1.25);\n  }\n}\n.exact-match-bright {\n  animation: exactMatchBright var(--mer-timing--super-fast) ease-in-out 4 alternate;\n}\n\ngx-ide-loader::part(loader-wrapper) {\n  border: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);\n  border-radius: var(--mer-border__radius--md);\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n}";
 
 var d = undefined && undefined.__classPrivateFieldGet || function(n, e, t, r) {
   if (t === "a" && !r) throw new TypeError("Private accessor was defined without a getter");
@@ -180,7 +180,7 @@ const M = class {
       }
     }, this._componentLocale.recentKbs.title), this.displayKbsFilter && e("ch-edit", {
       type: "text",
-      class: "form-input recent-kbs__name-filter",
+      class: "input recent-kbs__name-filter",
       placeholder: this._componentLocale.recentKbs.placeholder,
       onInput: d(this, w, "f"),
       ref: n => g(this, f, n, "f"),
@@ -199,7 +199,7 @@ const M = class {
       class: i.headingsClasses.cardRegular
     }, this._componentLocale.recentNews.title), this.displayNewsFilter && e("ch-edit", {
       type: "text",
-      class: "form-input recent-news__filter",
+      class: "input recent-news__filter",
       placeholder: this._componentLocale.recentNews.inputPlaceholder,
       onInput: ((r = this.news) === null || r === void 0 ? void 0 : r.length) > 0 ? d(this, k, "f") : null,
       disabled: !(((a = this.news) === null || a === void 0 ? void 0 : a.length) > 0)
@@ -230,4 +230,4 @@ k = new WeakMap;
 M.style = c;
 
 export { M as gx_ide_start_page };
-//# sourceMappingURL=p-e08213ef.entry.js.map
+//# sourceMappingURL=p-0576a392.entry.js.map

package/dist/genexus-ide-ui/{p-e08213ef.entry.js.map → p-0576a392.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["startPageCss","CSS_BUNDLES","KB_ICON","getIconPath","category","name","FOLDER_ICON","colorType","GxIdeStartPage","_GxIdeStartPage_recentKbsFilter","set","this","_GxIdeStartPage_kbsFilterValue","_GxIdeStartPage_kbRefs","_GxIdeStartPage_evaluateRenderKbs","_a","kbs","length","__classPrivateFieldGet","_GxIdeStartPage_renderKbs","call","h","class","stateIconSrc","stateTitle","_componentLocale","emptyState","title","stateDescription","description","_GxIdeStartPage_filterKbs","filteredKbs","filter","kb","toLowerCase","includes","_GxIdeStartPage_getNewsCallbackRecentNews","async","Promise","resolve","news","getNewsCallback","_GxIdeStartPage_openKbHandler","e","kbId","currentTarget","id","openKbCallback","_GxIdeStartPage_renderKb","formattedDate","formatDate","lastOpenedDate","dateCaption","recentKbs","lastOpened","toLocaleLowerCase","_b","key","type","ref","el","onClick","src","containerRef","config","headingsClasses","cardSmall","hiChar","map","noKbsFiltered","_GxIdeStartPage_searchKbsInputHandler","event","__classPrivateFieldSet","target","value","_GxIdeStartPage_searchNewsInputHandler","newsFilterValue","watchNews","newsFilterThreshold","displayNewsFilter","kbsChanged","loadingKbs","kbsFilterThreshold","displayKbsFilter","componentWillLoad","Locale","getComponentStrings","componentDidLoad","focus","render","Host","model","cardRegular","placeholder","onInput","disabled","loaderTitle","loader","show","recentNews","inputPlaceholder","_c","openNewsCallback","filterValue"],"sources":["src/components/start-page/start-page.scss?tag=gx-ide-start-page&encapsulation=shadow","src/components/start-page/start-page.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../global/reset.scss\";\n\n@include hiChar();\n\n:host {\n  overflow: auto;\n  container-type: inline-size;\n  container-name: host;\n}\n\n.layout-main,\n.layout__panel {\n  block-size: 100%;\n  overflow: auto;\n}\n@container host (max-width: 768px) {\n  .layout.layout-main {\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n  }\n}\n\n// recent kb's\n.panel-recent-kbs {\n  position: relative;\n}\n.recent-kbs,\n.recent-news {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n\n  &__header {\n    display: grid;\n    gap: var(--mer-spacing--md);\n  }\n}\n\n.kbs-container {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  overflow: auto;\n  grid-auto-rows: max-content;\n  container-type: inline-size;\n  container-name: kb-container;\n  animation: fadeIn var(--mer-timing--super-fast) forwards linear;\n}\n\n.card-kb {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mer-spacing--lg);\n  container-type: inline-size;\n  container-name: card-kb;\n\n  &__left-col {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n  }\n}\n@container kb-container (max-width: 360px) {\n  .card-kb {\n    align-items: center;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    justify-content: start;\n  }\n}\n\n// recent news\ngx-ide-recent-news {\n  overflow: auto;\n}\n.panel-recent-news {\n  position: relative;\n}\n\n@keyframes exactMatchBright {\n  100% {\n    filter: brightness(1.25);\n  }\n}\n.exact-match-bright {\n  animation: exactMatchBright var(--mer-timing--super-fast) ease-in-out 4\n    alternate;\n}\n\ngx-ide-loader::part(loader-wrapper) {\n  border: var(--mer-border__width--sm) solid\n    var(--mer-border-color__on-elevation--01);\n  border-radius: var(--mer-border__radius--md);\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n}\n","/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { formatDate, hiChar } from \"../../common/helpers\";\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/button\",\n  \"chameleon/scrollbar\"\n];\n\nconst KB_ICON = getIconPath({\n  category: \"objects\",\n  name: \"knowledge-base\"\n});\nconst FOLDER_ICON = getIconPath({\n  category: \"system\",\n  name: \"folder\",\n  colorType: \"on-elevation\"\n});\n\n@Component({\n  tag: \"gx-ide-start-page\",\n  styleUrl: \"start-page.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/start-page\"]\n})\nexport class GxIdeStartPage {\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  #recentKbsFilter: HTMLChEditElement;\n  #kbsFilterValue: string = \"\";\n  #kbRefs: { [key: string]: HTMLButtonElement | null } = {}; // Object to store kbs refs\n\n  @Element() el: HTMLGxIdeStartPageElement;\n\n  /**\n   * The condition required to display the kbs filter\n   */\n  @State() displayKbsFilter: boolean = true;\n\n  /**\n   * The condition required to display the news filter\n   */\n  @State() displayNewsFilter: boolean = false;\n\n  /**\n   * The filtered KBs after user input\n   */\n  @State() filteredKbs: RecentKBData[] = [];\n\n  /**\n   * The filtered news after user input\n   */\n  @State() filteredNews: NewsData[] = [];\n\n  /**\n   * True if kbs have been not loaded yet.\n   */\n  @State() loadingKbs: boolean = true;\n\n  /**\n   * A list of recent news\n   */\n  @State() news: NewsData[];\n  @Watch(\"news\")\n  watchNews(news: NewsData[]) {\n    if (news?.length >= this.newsFilterThreshold) {\n      this.displayNewsFilter = true;\n    } else {\n      this.displayNewsFilter = false;\n    }\n  }\n\n  /**\n   * The filter value for the recent news set by the user input\n   */\n  @State() newsFilterValue: string;\n\n  /**\n   * True if the component has been rendered for the first time.\n   */\n  @State() renderedFirstTime = false;\n\n  /**\n   * Callback invoked to load the news feed (right panel \"Recent News\").\n   */\n  @Prop() readonly getNewsCallback!: GetNewsCallback;\n\n  /**\n   * Ann array of the user's KB's\n   */\n  @Prop() readonly kbs: RecentKBData[] = [];\n  @Watch(\"kbs\")\n  kbsChanged(kbs: RecentKBData[]) {\n    this.loadingKbs = false;\n    this.#filterKbs();\n    if (kbs?.length >= this.kbsFilterThreshold) {\n      this.displayKbsFilter = true;\n    } else {\n      this.displayKbsFilter = false;\n    }\n  }\n\n  /**\n   * The minimum number of \"kbs\" that is required to display the kb's filter.\n   */\n  @Prop() readonly kbsFilterThreshold: number = 6;\n\n  /**\n   * The minimum number of \"news\" that is required to display the news's filter.\n   */\n  @Prop() readonly newsFilterThreshold: number = 6;\n\n  /**\n   * Callback invoked to open a knowledge base when the user clicks on a KB card.\n   */\n  @Prop() readonly openKbCallback!: OpenKbCallback;\n\n  /**\n   * Callback invoked to open a news article.\n   */\n  @Prop() readonly openNewsCallback!: OpenNewsCallback;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.#recentKbsFilter?.focus();\n  }\n\n  #evaluateRenderKbs = () => {\n    if (this.kbs?.length > 0) {\n      return this.#renderKbs();\n    } else {\n      return (\n        <gx-ide-empty-state\n          class=\"kbs-empty-state\"\n          stateIconSrc={FOLDER_ICON}\n          stateTitle={this._componentLocale.emptyState.title}\n          stateDescription={this._componentLocale.emptyState.description}\n        ></gx-ide-empty-state>\n      );\n    }\n  };\n\n  #filterKbs = () => {\n    this.filteredKbs = this.kbs.filter(kb =>\n      kb.name?.toLowerCase().includes(this.#kbsFilterValue)\n    );\n  };\n\n  #getNewsCallbackRecentNews = async (): Promise<NewsData[]> => {\n    return new Promise(async resolve => {\n      this.news = await this.getNewsCallback();\n      resolve(this.news);\n    });\n  };\n\n  #openKbHandler = async (e: MouseEvent) => {\n    const kbId = (e.currentTarget as HTMLElement).id;\n    await this.openKbCallback(kbId);\n  };\n\n  #renderKb = (kb: RecentKBData): HTMLButtonElement | null => {\n    const formattedDate = formatDate(kb.lastOpenedDate, \"pretty\");\n    const dateCaption = formattedDate\n      ? `${this._componentLocale.recentKbs.lastOpened} ${formattedDate}`\n      : null;\n    return (\n      <article class=\"display-contents\">\n        <button\n          class={{\n            \"card-small\": true,\n            \"card-small--actionable\": true,\n            \"card-kb\": true,\n            \"exact-match-bright\":\n              kb.name?.toLocaleLowerCase() ===\n              this.#kbsFilterValue?.toLowerCase()\n          }}\n          id={kb.id}\n          key={kb.id}\n          type=\"button\"\n          ref={el => (this.#kbRefs[kb.id] = el as HTMLButtonElement)}\n          onClick={this.#openKbHandler}\n        >\n          <div class=\"card-kb__left-col\">\n            <ch-image\n              src={KB_ICON}\n              class=\"icon-md\"\n              containerRef={this.#kbRefs[kb.id]}\n            ></ch-image>\n            <h2 class={config.headingsClasses.cardSmall}>\n              {hiChar(kb.name, this.#kbsFilterValue)}\n            </h2>\n          </div>\n          {dateCaption && <div class=\"card-kb__right-col\">{dateCaption}</div>}\n        </button>\n      </article>\n    );\n  };\n\n  #renderKbs = () => {\n    if (this.filteredKbs.length) {\n      return (\n        <div class=\"kbs-container scrollable\">\n          {this.filteredKbs?.map(this.#renderKb)}\n        </div>\n      );\n    }\n    return (\n      <gx-ide-empty-state\n        stateIconSrc={KB_ICON}\n        stateTitle={this._componentLocale.recentKbs.noKbsFiltered.title}\n      ></gx-ide-empty-state>\n    );\n  };\n\n  #searchKbsInputHandler = (event: Event | ChEditCustomEvent<InputEvent>) => {\n    this.#kbsFilterValue = (\n      event as ChEditCustomEvent<InputEvent>\n    ).target.value.toLowerCase();\n    this.#filterKbs();\n  };\n\n  #searchNewsInputHandler = (event: Event | ChEditCustomEvent<InputEvent>) => {\n    this.newsFilterValue = (\n      event as ChEditCustomEvent<InputEvent>\n    ).target.value.toLowerCase();\n  };\n\n  render() {\n    return (\n      <Host class=\"start-page-host\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"layout layout-main layout--cols-2\">\n          <div class=\"layout__panel panel-recent-kbs\">\n            <section class=\"card-regular recent-kbs\">\n              <header class=\"recent-kbs__header\">\n                <h2\n                  class={{\n                    [config.headingsClasses.cardRegular]: true,\n                    \"recent-kbs__title\": true\n                  }}\n                >\n                  {this._componentLocale.recentKbs.title}\n                </h2>\n                {this.displayKbsFilter && (\n                  <ch-edit\n                    type=\"text\"\n                    class=\"form-input recent-kbs__name-filter\"\n                    placeholder={this._componentLocale.recentKbs.placeholder}\n                    onInput={this.#searchKbsInputHandler}\n                    ref={el =>\n                      (this.#recentKbsFilter = el as HTMLChEditElement)\n                    }\n                    disabled={!(this.kbs?.length > 0)}\n                  ></ch-edit>\n                )}\n              </header>\n\n              {this.loadingKbs ? (\n                <gx-ide-loader\n                  loaderTitle={this._componentLocale.recentKbs.loader.title}\n                  description={\n                    this._componentLocale.recentKbs.loader.description\n                  }\n                  show={true}\n                ></gx-ide-loader>\n              ) : (\n                this.#evaluateRenderKbs()\n              )}\n            </section>\n          </div>\n\n          <div class=\"layout__panel panel-recent-news\">\n            <section class=\"card-regular recent-news\">\n              <header class=\"recent-news__header\">\n                <h2 class={config.headingsClasses.cardRegular}>\n                  {this._componentLocale.recentNews.title}\n                </h2>\n                {this.displayNewsFilter && (\n                  <ch-edit\n                    type=\"text\"\n                    class=\"form-input recent-news__filter\"\n                    placeholder={\n                      this._componentLocale.recentNews.inputPlaceholder\n                    }\n                    onInput={\n                      this.news?.length > 0\n                        ? this.#searchNewsInputHandler\n                        : null\n                    }\n                    disabled={!(this.news?.length > 0)}\n                  ></ch-edit>\n                )}\n              </header>\n\n              <gx-ide-recent-news\n                getNewsCallback={this.#getNewsCallbackRecentNews}\n                openNewsCallback={this.openNewsCallback}\n                filterValue={this.newsFilterValue}\n              ></gx-ide-recent-news>\n            </section>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type OpenKbCallback = (id: string) => Promise<void>;\nexport type GetNewsCallback = () => Promise<NewsData[]>;\nexport type OpenNewsCallback = (id: string) => Promise<void>;\n\nexport type RecentKBData = {\n  id: string;\n  name: string;\n  lastOpenedDate?: Date;\n};\nexport type NewsData = {\n  id: string;\n  title: string;\n  body: string;\n};\n"],"mappings":"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"}
+{"version":3,"names":["startPageCss","CSS_BUNDLES","KB_ICON","getIconPath","category","name","FOLDER_ICON","colorType","GxIdeStartPage","_GxIdeStartPage_recentKbsFilter","set","this","_GxIdeStartPage_kbsFilterValue","_GxIdeStartPage_kbRefs","_GxIdeStartPage_evaluateRenderKbs","_a","kbs","length","__classPrivateFieldGet","_GxIdeStartPage_renderKbs","call","h","class","stateIconSrc","stateTitle","_componentLocale","emptyState","title","stateDescription","description","_GxIdeStartPage_filterKbs","filteredKbs","filter","kb","toLowerCase","includes","_GxIdeStartPage_getNewsCallbackRecentNews","async","Promise","resolve","news","getNewsCallback","_GxIdeStartPage_openKbHandler","e","kbId","currentTarget","id","openKbCallback","_GxIdeStartPage_renderKb","formattedDate","formatDate","lastOpenedDate","dateCaption","recentKbs","lastOpened","toLocaleLowerCase","_b","key","type","ref","el","onClick","src","containerRef","config","headingsClasses","cardSmall","hiChar","map","noKbsFiltered","_GxIdeStartPage_searchKbsInputHandler","event","__classPrivateFieldSet","target","value","_GxIdeStartPage_searchNewsInputHandler","newsFilterValue","watchNews","newsFilterThreshold","displayNewsFilter","kbsChanged","loadingKbs","kbsFilterThreshold","displayKbsFilter","componentWillLoad","Locale","getComponentStrings","componentDidLoad","focus","render","Host","model","cardRegular","placeholder","onInput","disabled","loaderTitle","loader","show","recentNews","inputPlaceholder","_c","openNewsCallback","filterValue"],"sources":["src/components/start-page/start-page.scss?tag=gx-ide-start-page&encapsulation=shadow","src/components/start-page/start-page.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../global/reset.scss\";\n\n@include hiChar();\n\n:host {\n  overflow: auto;\n  container-type: inline-size;\n  container-name: host;\n}\n\n.layout-main,\n.layout__panel {\n  block-size: 100%;\n  overflow: auto;\n}\n@container host (max-width: 768px) {\n  .layout.layout-main {\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n  }\n}\n\n// recent kb's\n.panel-recent-kbs {\n  position: relative;\n}\n.recent-kbs,\n.recent-news {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n\n  &__header {\n    display: grid;\n    gap: var(--mer-spacing--md);\n  }\n}\n\n.kbs-container {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  overflow: auto;\n  grid-auto-rows: max-content;\n  container-type: inline-size;\n  container-name: kb-container;\n  animation: fadeIn var(--mer-timing--super-fast) forwards linear;\n}\n\n.card-kb {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mer-spacing--lg);\n  container-type: inline-size;\n  container-name: card-kb;\n\n  &__left-col {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n  }\n}\n@container kb-container (max-width: 360px) {\n  .card-kb {\n    align-items: center;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    justify-content: start;\n  }\n}\n\n// recent news\ngx-ide-recent-news {\n  overflow: auto;\n}\n.panel-recent-news {\n  position: relative;\n}\n\n@keyframes exactMatchBright {\n  100% {\n    filter: brightness(1.25);\n  }\n}\n.exact-match-bright {\n  animation: exactMatchBright var(--mer-timing--super-fast) ease-in-out 4\n    alternate;\n}\n\ngx-ide-loader::part(loader-wrapper) {\n  border: var(--mer-border__width--sm) solid\n    var(--mer-border-color__on-elevation--01);\n  border-radius: var(--mer-border__radius--md);\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n}\n","/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { formatDate, hiChar } from \"../../common/helpers\";\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/button\",\n  \"chameleon/scrollbar\"\n];\n\nconst KB_ICON = getIconPath({\n  category: \"objects\",\n  name: \"knowledge-base\"\n});\nconst FOLDER_ICON = getIconPath({\n  category: \"system\",\n  name: \"folder\",\n  colorType: \"on-elevation\"\n});\n\n@Component({\n  tag: \"gx-ide-start-page\",\n  styleUrl: \"start-page.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/start-page\"]\n})\nexport class GxIdeStartPage {\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  #recentKbsFilter: HTMLChEditElement;\n  #kbsFilterValue: string = \"\";\n  #kbRefs: { [key: string]: HTMLButtonElement | null } = {}; // Object to store kbs refs\n\n  @Element() el: HTMLGxIdeStartPageElement;\n\n  /**\n   * The condition required to display the kbs filter\n   */\n  @State() displayKbsFilter: boolean = true;\n\n  /**\n   * The condition required to display the news filter\n   */\n  @State() displayNewsFilter: boolean = false;\n\n  /**\n   * The filtered KBs after user input\n   */\n  @State() filteredKbs: RecentKBData[] = [];\n\n  /**\n   * The filtered news after user input\n   */\n  @State() filteredNews: NewsData[] = [];\n\n  /**\n   * True if kbs have been not loaded yet.\n   */\n  @State() loadingKbs: boolean = true;\n\n  /**\n   * A list of recent news\n   */\n  @State() news: NewsData[];\n  @Watch(\"news\")\n  watchNews(news: NewsData[]) {\n    if (news?.length >= this.newsFilterThreshold) {\n      this.displayNewsFilter = true;\n    } else {\n      this.displayNewsFilter = false;\n    }\n  }\n\n  /**\n   * The filter value for the recent news set by the user input\n   */\n  @State() newsFilterValue: string;\n\n  /**\n   * True if the component has been rendered for the first time.\n   */\n  @State() renderedFirstTime = false;\n\n  /**\n   * Callback invoked to load the news feed (right panel \"Recent News\").\n   */\n  @Prop() readonly getNewsCallback!: GetNewsCallback;\n\n  /**\n   * Ann array of the user's KB's\n   */\n  @Prop() readonly kbs: RecentKBData[] = [];\n  @Watch(\"kbs\")\n  kbsChanged(kbs: RecentKBData[]) {\n    this.loadingKbs = false;\n    this.#filterKbs();\n    if (kbs?.length >= this.kbsFilterThreshold) {\n      this.displayKbsFilter = true;\n    } else {\n      this.displayKbsFilter = false;\n    }\n  }\n\n  /**\n   * The minimum number of \"kbs\" that is required to display the kb's filter.\n   */\n  @Prop() readonly kbsFilterThreshold: number = 6;\n\n  /**\n   * The minimum number of \"news\" that is required to display the news's filter.\n   */\n  @Prop() readonly newsFilterThreshold: number = 6;\n\n  /**\n   * Callback invoked to open a knowledge base when the user clicks on a KB card.\n   */\n  @Prop() readonly openKbCallback!: OpenKbCallback;\n\n  /**\n   * Callback invoked to open a news article.\n   */\n  @Prop() readonly openNewsCallback!: OpenNewsCallback;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.#recentKbsFilter?.focus();\n  }\n\n  #evaluateRenderKbs = () => {\n    if (this.kbs?.length > 0) {\n      return this.#renderKbs();\n    } else {\n      return (\n        <gx-ide-empty-state\n          class=\"kbs-empty-state\"\n          stateIconSrc={FOLDER_ICON}\n          stateTitle={this._componentLocale.emptyState.title}\n          stateDescription={this._componentLocale.emptyState.description}\n        ></gx-ide-empty-state>\n      );\n    }\n  };\n\n  #filterKbs = () => {\n    this.filteredKbs = this.kbs.filter(kb =>\n      kb.name?.toLowerCase().includes(this.#kbsFilterValue)\n    );\n  };\n\n  #getNewsCallbackRecentNews = async (): Promise<NewsData[]> => {\n    return new Promise(async resolve => {\n      this.news = await this.getNewsCallback();\n      resolve(this.news);\n    });\n  };\n\n  #openKbHandler = async (e: MouseEvent) => {\n    const kbId = (e.currentTarget as HTMLElement).id;\n    await this.openKbCallback(kbId);\n  };\n\n  #renderKb = (kb: RecentKBData): HTMLButtonElement | null => {\n    const formattedDate = formatDate(kb.lastOpenedDate, \"pretty\");\n    const dateCaption = formattedDate\n      ? `${this._componentLocale.recentKbs.lastOpened} ${formattedDate}`\n      : null;\n    return (\n      <article class=\"display-contents\">\n        <button\n          class={{\n            \"card-small\": true,\n            \"card-small--actionable\": true,\n            \"card-kb\": true,\n            \"exact-match-bright\":\n              kb.name?.toLocaleLowerCase() ===\n              this.#kbsFilterValue?.toLowerCase()\n          }}\n          id={kb.id}\n          key={kb.id}\n          type=\"button\"\n          ref={el => (this.#kbRefs[kb.id] = el as HTMLButtonElement)}\n          onClick={this.#openKbHandler}\n        >\n          <div class=\"card-kb__left-col\">\n            <ch-image\n              src={KB_ICON}\n              class=\"icon-md\"\n              containerRef={this.#kbRefs[kb.id]}\n            ></ch-image>\n            <h2 class={config.headingsClasses.cardSmall}>\n              {hiChar(kb.name, this.#kbsFilterValue)}\n            </h2>\n          </div>\n          {dateCaption && <div class=\"card-kb__right-col\">{dateCaption}</div>}\n        </button>\n      </article>\n    );\n  };\n\n  #renderKbs = () => {\n    if (this.filteredKbs.length) {\n      return (\n        <div class=\"kbs-container scrollable\">\n          {this.filteredKbs?.map(this.#renderKb)}\n        </div>\n      );\n    }\n    return (\n      <gx-ide-empty-state\n        stateIconSrc={KB_ICON}\n        stateTitle={this._componentLocale.recentKbs.noKbsFiltered.title}\n      ></gx-ide-empty-state>\n    );\n  };\n\n  #searchKbsInputHandler = (event: Event | ChEditCustomEvent<InputEvent>) => {\n    this.#kbsFilterValue = (\n      event as ChEditCustomEvent<InputEvent>\n    ).target.value.toLowerCase();\n    this.#filterKbs();\n  };\n\n  #searchNewsInputHandler = (event: Event | ChEditCustomEvent<InputEvent>) => {\n    this.newsFilterValue = (\n      event as ChEditCustomEvent<InputEvent>\n    ).target.value.toLowerCase();\n  };\n\n  render() {\n    return (\n      <Host class=\"start-page-host\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"layout layout-main layout--cols-2\">\n          <div class=\"layout__panel panel-recent-kbs\">\n            <section class=\"card-regular recent-kbs\">\n              <header class=\"recent-kbs__header\">\n                <h2\n                  class={{\n                    [config.headingsClasses.cardRegular]: true,\n                    \"recent-kbs__title\": true\n                  }}\n                >\n                  {this._componentLocale.recentKbs.title}\n                </h2>\n                {this.displayKbsFilter && (\n                  <ch-edit\n                    type=\"text\"\n                    class=\"input recent-kbs__name-filter\"\n                    placeholder={this._componentLocale.recentKbs.placeholder}\n                    onInput={this.#searchKbsInputHandler}\n                    ref={el =>\n                      (this.#recentKbsFilter = el as HTMLChEditElement)\n                    }\n                    disabled={!(this.kbs?.length > 0)}\n                  ></ch-edit>\n                )}\n              </header>\n\n              {this.loadingKbs ? (\n                <gx-ide-loader\n                  loaderTitle={this._componentLocale.recentKbs.loader.title}\n                  description={\n                    this._componentLocale.recentKbs.loader.description\n                  }\n                  show={true}\n                ></gx-ide-loader>\n              ) : (\n                this.#evaluateRenderKbs()\n              )}\n            </section>\n          </div>\n\n          <div class=\"layout__panel panel-recent-news\">\n            <section class=\"card-regular recent-news\">\n              <header class=\"recent-news__header\">\n                <h2 class={config.headingsClasses.cardRegular}>\n                  {this._componentLocale.recentNews.title}\n                </h2>\n                {this.displayNewsFilter && (\n                  <ch-edit\n                    type=\"text\"\n                    class=\"input recent-news__filter\"\n                    placeholder={\n                      this._componentLocale.recentNews.inputPlaceholder\n                    }\n                    onInput={\n                      this.news?.length > 0\n                        ? this.#searchNewsInputHandler\n                        : null\n                    }\n                    disabled={!(this.news?.length > 0)}\n                  ></ch-edit>\n                )}\n              </header>\n\n              <gx-ide-recent-news\n                getNewsCallback={this.#getNewsCallbackRecentNews}\n                openNewsCallback={this.openNewsCallback}\n                filterValue={this.newsFilterValue}\n              ></gx-ide-recent-news>\n            </section>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type OpenKbCallback = (id: string) => Promise<void>;\nexport type GetNewsCallback = () => Promise<NewsData[]>;\nexport type OpenNewsCallback = (id: string) => Promise<void>;\n\nexport type RecentKBData = {\n  id: string;\n  name: string;\n  lastOpenedDate?: Date;\n};\nexport type NewsData = {\n  id: string;\n  title: string;\n  body: string;\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-c339f703.js → p-066028bc.js}

@@ -51,8 +51,8 @@ const formatDate = (e, n = "date-time") => {
   }
   o = e.toLocaleDateString(a);
   const i = e.getFullYear();
-  const u = String(e.getMonth() + 1).padStart(2, "0");
-  const l = String(e.getDate()).padStart(2, "0");
+  const l = String(e.getMonth() + 1).padStart(2, "0");
+  const u = String(e.getDate()).padStart(2, "0");
   const d = String(e.getHours()).padStart(2, "0");
   const $ = String(e.getMinutes()).padStart(2, "0");
   const f = `${d}:${$}`;
@@ -61,9 +61,9 @@ const formatDate = (e, n = "date-time") => {
   } else if (n === "date-time-short") {
     // No seconds
     if (a === "es-ES") {
-      o = `${i}-${u}-${l} ${f}`;
+      o = `${i}-${l}-${u} ${f}`;
     } else {
-      o = `${u}/${l}/${i} ${f}`;
+      o = `${l}/${u}/${i} ${f}`;
     }
   } else {
     const n = daysFromToday(e);
@@ -80,13 +80,13 @@ const formatDate = (e, n = "date-time") => {
     } else if (r === i) {
       // If current year, show day number and month name. Example: November 17th
       if (a === "es-ES") {
-        o = `${l} de ${e.toLocaleString("es-ES", {
+        o = `${u} de ${e.toLocaleString("es-ES", {
           month: "long"
         })} ${f}`;
       } else {
         o = `${e.toLocaleString("en-US", {
           month: "long"
-        })} ${l} ${f}`;
+        })} ${u} ${f}`;
       }
     } else {
       // Display date as usual
@@ -130,12 +130,6 @@ const escapeRegExp = e => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
   }
 };
 
-const closeOnOutsideClickHandler = (e, t) => {
-  if (!e.composedPath().includes(t)) {
-    return true;
-  }
-};
-
 const mapOptionsToComboBoxItemModel = e => e.map((e => ({
   value: e.id,
   caption: e.label
@@ -156,5 +150,5 @@ const renderChCheckboxItems = (t, n, s) => t === null || t === void 0 ? void 0 :
   });
 }));
 
-export { closeOnOutsideClickHandler as a, countTreeItems as c, formatDate as f, hiChar as h, mapOptionsToComboBoxItemModel as m, renderChCheckboxItems as r };
-//# sourceMappingURL=p-c339f703.js.map
+export { countTreeItems as c, formatDate as f, hiChar as h, mapOptionsToComboBoxItemModel as m, renderChCheckboxItems as r };
+//# sourceMappingURL=p-066028bc.js.map

package/dist/genexus-ide-ui/p-066028bc.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["daysOfWeek","daysFromToday","date","today","Date","timeDifference","getTime","daysDifference","Math","floor","isToday","toDateString","isYesterday","yesterday","setDate","getDate","formatDate","type","formattedDate","undefined","dateIsValid","locale","lang","_a","document","getElementsByTagName","getAttribute","valueOf","toLocaleDateString","year","getFullYear","month","String","getMonth","padStart","day","hours","getHours","minutes","getMinutes","time","toLocaleTimeString","daysPassedFromToday","currentYear","getDay","toLocaleString","countTreeItems","treeModel","children","totalNodes","forEach","node","items","escapeRegExp","str","replace","hiChar","text","filterValue","escapedFilterValue","re","RegExp","h","innerHTML","mapOptionsToComboBoxItemModel","options","map","option","value","id","caption","label","renderChCheckboxItems","frontEndCheckboxInputHandler","checkedIds","find","name","class","checkedValue","disabled","onInput","startImgSrc","iconName","key"],"sources":["src/common/helpers.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  ComboBoxModel,\n  TreeViewItemModel\n} from \"@genexus/chameleon-controls-library\";\nexport type ChCheckboxArray = HTMLChCheckboxElement[] | null;\n\nimport { GxOption } from \"./types\";\n\nconst daysOfWeek = [\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\"\n];\n\n/**\n * @param element an HTMLElement\n * @returns an alphabetically ordered array of all the parts and exportparts the element contains.\n */\nexport const getElementSelectorParts = (element: HTMLElement) => {\n  const queries: string[] = [];\n  const elementParts = element.shadowRoot?.querySelectorAll(`[part]`);\n  const elementExportParts =\n    element.shadowRoot?.querySelectorAll(`[exportparts]`);\n\n  elementParts?.forEach(el => {\n    queries.push(\n      `${element.tagName.toLowerCase()}::part(${el.getAttribute(\"part\")})`\n    );\n  });\n  elementExportParts?.forEach(el => {\n    queries.push(\n      ...[\n        ...el.getAttribute(\"exportparts\").matchAll(/(?:[\\w-]+:)?([\\w-]+)/g)\n      ].map(item => `${element.tagName.toLowerCase()}::part(${item[1]})`)\n    );\n  });\n\n  return queries.sort();\n};\n\n/**\n * @param selector a part selector\n * @returns A reference to the element the part belongs to.\n */\nexport const querySelectorPart = (selector: string) => {\n  const querySelectorDeep = (\n    element: HTMLElement,\n    parts: string\n  ): HTMLElement => {\n    const shadow = element.shadowRoot;\n    const partList = parts.split(\" \");\n\n    const partElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[part~=\"${partName}\"]`).join(\"\")\n    );\n    if (partElement) {\n      return partElement;\n    }\n\n    const exportPartElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[exportparts*=\"${partName}\"]`).join(\"\")\n    );\n    if (exportPartElement) {\n      const exportPartList: string[] = [];\n      const exportparts = exportPartElement.getAttribute(\"exportparts\");\n\n      partList.forEach(partItem => {\n        const exportPartName = exportparts.match(\n          `(?:([\\\\w-]+):)?(${partItem})`\n        )[1];\n        if (exportPartName) {\n          exportPartList.push(exportPartName);\n        }\n      });\n\n      if (partList.length === exportPartList.length) {\n        return querySelectorDeep(exportPartElement, exportPartList.join(\" \"));\n      }\n    }\n\n    return null;\n  };\n\n  const selectorItems = selector.match(\"(.*)::part\\\\(([^)]+)\\\\)\");\n  const entity = selectorItems[1];\n  const partName = selectorItems[2];\n\n  return querySelectorDeep(document.querySelector(entity), partName);\n};\n\nconst daysFromToday = (date: Date): number => {\n  const today = new Date();\n  // To calculate the time difference of two dates\n  const timeDifference = today.getTime() - date.getTime();\n  // To calculate the no. of days between two dates\n  const daysDifference = timeDifference / (1000 * 3600 * 24);\n  return Math.floor(daysDifference);\n};\n\n// - - - - - - - - - - - -\n// Date Functions\n// - - - - - - - - - - - -\n\nconst isToday = (date: Date): boolean => {\n  const today = new Date();\n  if (today.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nconst isYesterday = (date: Date): boolean => {\n  const yesterday = new Date();\n  yesterday.setDate(yesterday.getDate() - 1);\n  if (yesterday.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nexport const formatDate = (\n  date: Date,\n  type: FormatDateType = \"date-time\"\n): string => {\n  let formattedDate;\n  // validate date\n  // undefined or null\n  if (date === undefined || date === null) {\n    return \"\";\n  }\n  // If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself\n  const dateIsValid = date.getTime() === date.getTime();\n  if (!dateIsValid) {\n    return \"Invalid date\";\n  }\n  let locale = \"en-US\";\n  const lang = document\n    .getElementsByTagName(\"html\")[0]\n    .getAttribute(\"lang\")\n    ?.valueOf();\n  if (lang === \"es\") {\n    locale = \"es-ES\";\n  }\n  formattedDate = date.toLocaleDateString(locale);\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  const hours = String(date.getHours()).padStart(2, \"0\");\n  const minutes = String(date.getMinutes()).padStart(2, \"0\");\n  const time = `${hours}:${minutes}`;\n  if (type === \"date-time\") {\n    formattedDate += ` / ${date.toLocaleTimeString()}`;\n  } else if (type === \"date-time-short\") {\n    // No seconds\n    if (locale === \"es-ES\") {\n      formattedDate = `${year}-${month}-${day} ${time}`;\n    } else {\n      formattedDate = `${month}/${day}/${year} ${time}`;\n    }\n  } else if (\"pretty\") {\n    const daysPassedFromToday = daysFromToday(date);\n    const today = new Date();\n    const currentYear = today.getFullYear();\n    if (isToday(date)) {\n      return `Today ${time}`;\n    } else if (isYesterday(date)) {\n      return `Yesterday ${time}`;\n    } else if (daysPassedFromToday <= 7) {\n      // If one week or less, just show the day of the week, and the time\n      const day = daysOfWeek[date.getDay()];\n      return `${day} ${time}`;\n    } else if (currentYear === year) {\n      // If current year, show day number and month name. Example: November 17th\n      if (locale === \"es-ES\") {\n        formattedDate = `${day} de ${date.toLocaleString(\"es-ES\", {\n          month: \"long\"\n        })} ${time}`;\n      } else {\n        formattedDate = `${date.toLocaleString(\"en-US\", {\n          month: \"long\"\n        })} ${day} ${time}`;\n      }\n    } else {\n      // Display date as usual\n      formattedDate = formatDate(date, \"date-time-short\");\n    }\n  }\n  return formattedDate;\n};\n\nexport type FormatDateType =\n  | \"date\"\n  | \"date-time\"\n  | \"date-time-short\"\n  | \"pretty\";\n\n// - - - - - - - - - - - -\n// /End of Date Functions\n// - - - - - - - - - - - -\n\n/* Count the total tree nodes (by default it does not count the first level nodes)*/\nexport const countTreeItems = (\n  treeModel: TreeViewItemModel[],\n  children = false\n): number => {\n  let totalNodes = 0;\n  treeModel.forEach(node => {\n    children && totalNodes++;\n    if (node.items) {\n      totalNodes += countTreeItems(node.items, true);\n    }\n  });\n  return totalNodes;\n};\n\n/**\n * @description it evaluates the initial selected combo item\n * @param options an array of GxOption\n * @returns the initial combo value, which in this case is the id\n */\nexport const setInitialComboValue = (options: GxOption[]): string => {\n  const selected = options.find(option => option.selected);\n  if (selected) {\n    return selected.value || selected.id;\n  } else {\n    return options[0].value || options[0].id;\n  }\n};\n\nexport const escapeRegExp = (str: string) => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\n/**\n * @description this function highlights the character(s) that match(es) the filter value.\n * hiChar comes from (hi)light (Char)acters\n * @param text the string to find the filter value on\n * @param filterValue the filter value\n * @returns a span element\n */\nexport const hiChar = function (text: string, filterValue: string) {\n  if (text && filterValue) {\n    const escapedFilterValue = escapeRegExp(filterValue);\n    const re = new RegExp(escapedFilterValue, \"gi\");\n    return (\n      <span\n        innerHTML={text.replace(re, '<span class=\"hiChar\">$&</span>')}\n      ></span>\n    );\n  } else {\n    return text;\n  }\n};\n\nexport const closeOnOutsideClickHandler = (\n  eventInfo: PointerEvent,\n  ref: HTMLElement\n): true | void => {\n  if (!eventInfo.composedPath().includes(ref)) {\n    return true;\n  }\n};\n\nexport const mapOptionsToComboBoxItemModel = (\n  options: GxOption[]\n): ComboBoxModel =>\n  options.map(option => ({\n    value: option.id,\n    caption: option.label\n    // startImgSrc: option.iconName\n  }));\n\nexport const renderChCheckboxItems = (\n  options: GxOption[] | undefined,\n  frontEndCheckboxInputHandler: (\n    event: ChCheckboxCustomEvent<string> | InputEvent\n  ) => void,\n  checkedIds: string[]\n): HTMLChCheckboxElement[] => {\n  return options?.map(option => {\n    const value = checkedIds?.find(\n      id => option.value === id || option.id === id\n    );\n    return (\n      <ch-checkbox\n        name={option.name}\n        class=\"checkbox\"\n        checkedValue={option.value || option.id}\n        caption={option.label}\n        disabled={option.disabled}\n        value={value}\n        onInput={frontEndCheckboxInputHandler}\n        startImgSrc={option.iconName}\n        key={option.value || option.id}\n      ></ch-checkbox>\n    );\n  });\n};\n"],"mappings":"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"}