@genexus/genexus-ide-ui 1.0.62 → 1.0.63

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

@@ -13,5 +13,5 @@ export { s as setNonce } from "./p-2cf37639.js";
   return e(t);
 };
 
-patchBrowser().then((e => a(JSON.parse('[["p-dcb1516d",[[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-26aff07c",[[1,"gx-ide-bpm-import-files",{"displayTitle":[4,"display-title"],"allowedExtensions":[16],"confirmCallback":[16],"cancelCallback":[16],"files":[32],"selectedFiles":[32]}]]],["p-d8c7e0b5",[[1,"gx-ide-kb-manager-import",{"cancelCallback":[16],"importCallback":[16],"loadCallback":[16],"objectContextMenuCallback":[16],"optionsCallback":[16],"selectedFile":[1040],"statusMinimal":[4,"status-minimal"],"checkedObjectsIds":[32],"selectAllCheckboxValue":[32],"selectAllCheckboxIndeterminate":[32],"importStatusMessage":[32],"importTreeState":[32],"importedTreeFilterRegExp":[32],"importingIsInProcess":[32],"importTreeFilterList":[32],"noImport":[32],"noObjects":[32],"objectsTreeModel":[32],"showHiddenImportsMessage":[32],"someStatusVisible":[32],"statusInfo":[32],"addResultItem":[64]},null,{"importTreeState":["importTreeStateChanged","watchImportTreeStateHandler"],"objectsTreeModel":["watchObjectsTreeModelHandler"],"selectedFile":["selectedFileChanged"]}]]],["p-aa821b66",[[1,"gx-ide-team-dev-select-recent-comment",{"displayTitle":[4,"display-title"],"comments":[16],"confirmCallback":[16],"cancelCallback":[16]}]]],["p-03265b1b",[[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-acaed500",[[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-eaab7765",[[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-97114eef",[[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-b238a545",[[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-df4249e1",[[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-57986b2e",[[1,"gx-ide-ww-attributes",{"contextMenuCallback":[16],"deleteSelectionCallback":[16],"loadCallback":[16],"objectActionCallback":[16],"objects":[16],"openSelectionCallback":[16],"selectionChangeCallback":[16],"types":[16],"attributes":[32],"selectedAttributesIds":[32],"filterMore":[32],"name":[32],"loading":[32],"object":[32],"type":[32],"reload":[64],"validate":[64]},[[1,"keydown","keyDownHandler"]]]]],["p-6e667dde",[[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-4fcde4d0",[[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-d7169c07",[[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-1c36217e",[[1,"gx-ide-bpm-import-gxpm",{"displayTitle":[4,"display-title"],"confirmCallback":[16],"cancelCallback":[16],"selectedFile":[32],"pathValue":[32]}]]],["p-502f2b47",[[1,"gx-ide-bpm-timer-duration",{"displayTitle":[4,"display-title"],"duration":[16],"confirmCallback":[16],"cancelCallback":[16]}]]],["p-a6dd3f03",[[1,"gx-ide-design-import",{"reactiveSettings":[16],"extensions":[16],"defaultModule":[16],"path":[1025],"accessToken":[1025,"access-token"],"importAsWebPanels":[4,"import-as-web-panels"],"selectModuleCallback":[16],"cancelCallback":[16],"confirmCallback":[16],"loadCallback":[16],"loadDesignSystemCallback":[16],"loadFontCallback":[16],"loadImageCallback":[16],"loadPanelDataCallback":[16],"requiresAccessTokenCallback":[16],"styles":[16],"textEditorFactoryCallback":[16],"reRenderCounter":[32],"stylesAsComboBoxModel":[32],"styleValue":[32],"accessTokenHasError":[32],"pathIsValid":[32],"tabsModel":[32],"activeTabs":[32],"renderedTabs":[32],"designData":[32],"detailTreeModel":[32],"isLoading":[32],"isLoaded":[32],"messages":[32],"selectedFile":[32],"selectedDesignType":[32],"selectedDesignItem":[32],"requiresAccessToken":[32],"designDataTreeDataModel":[32],"updateTabsActiveTab":[32],"fitImages":[32],"lastLoadCallbackSettingValues":[32]},null,{"pathIsValid":["pathIsValidChanged"],"designData":["designDataChanged"],"path":["pathChanged"],"accessToken":["accessTokenChanged"],"styles":["stylesChanged"],"messages":["watchMessagesHandler"]}]]],["p-4cd56d14",[[1,"gx-ide-edit-module-server",{"types":[16],"name":[1],"source":[1],"type":[1],"confirmCallback":[16],"selectSourceCallback":[16],"cancelCallback":[16],"selectedType":[32]}]]],["p-f2f9e36e",[[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-24af7f98",[[1,"gx-ide-start-page",{"createKBCallback":[16],"openKbCallback":[16],"secondarySection":[16],"kbs":[16],"kbsFilterThreshold":[2,"kbs-filter-threshold"],"kbFilterValue":[32],"filteredKbs":[32],"loading":[32]},null,{"kbFilterValue":["kbFilterValueChanged"],"kbs":["kbsChanged"]}]]],["p-e07c97d5",[[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-c74d18fe",[[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-b2af0c95",[[1,"gx-ide-team-dev-update-to-revision",{"displayTitle":[4,"display-title"],"cancelCallback":[16],"confirmCallback":[16],"currentRevision":[1,"current-revision"],"validate":[64]}]]],["p-b3e352c8",[[1,"gx-ide-template",{"displayTitle":[4,"display-title"]}]]],["p-1105c966",[[1,"gx-ide-wf-settings",{"displayTitle":[4,"display-title"],"configurationType":[1,"configuration-type"],"defaultConfiguration":[16],"saveCallback":[16],"cancelCallback":[16]}]]],["p-1364f700",[[1,"gx-ide-bpm-objects-selector",{"displayTitle":[4,"display-title"],"selection":[1040],"addCallback":[16],"referencesCallback":[16],"objects":[32],"selectedObjects":[32]}]]],["p-6637e817",[[0,"gx-ide-ai-message",{"aiAssistantHostRef":[16],"message":[1],"messageType":[1,"message-type"],"filterValue":[1,"filter-value"],"hidden":[4],"translations":[16],"visible":[32],"showCopiedMessage":[32]}]]],["p-1cfcec9e",[[1,"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-f654f86d",[[1,"gx-ide-empty-state",{"isAnimated":[4,"is-animated"],"stateDescription":[1,"state-description"],"stateIconSrc":[1,"state-icon-src"],"stateTitle":[1,"state-title"]}]]],["p-9a604798",[[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-49f9f6bf",[[1,"gx-ide-data-type-selector",{"categories":[16],"dataTypeSelectedCallback":[16],"recentlyUsed":[16],"categoriesListBoxModel":[32],"selectedCategory":[32],"statusInfo":[32],"recentlyUsedActionListModel":[32],"loading":[32]},null,{"categories":["categoriesChanged"],"recentlyUsed":["recentlyUsedChanged"]}]]],["p-09d55db9",[[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-3d2bdcb9",[[1,"gx-ide-references",{"loadReferencesCallback":[16],"openObjectCallback":[16],"openSelectorDialogCallback":[16],"selectReferenceCallback":[16],"selectorSourceCallback":[16],"selectedObject":[1040],"barHidden":[32],"objectsSuggestions":[32],"referencedByTreeData":[32],"referencesToTreeData":[32]},null,{"selectedObject":["selectedObjectChanged"]}]]],["p-de589873",[[1,"gx-ide-sc-chat-container",{"showAdditionalContent":[32],"conversationCopied":[32],"assistantStatus":[32]}]]],["p-395e9c81",[[1,"gx-ide-select-kb-items",{"cancelCallback":[16],"checkboxType":[1,"checkbox-type"],"checkedChanged":[16],"confirmCallback":[16],"dialogActions":[16],"itemContextMenuCallback":[16],"itemsList":[16],"multiSelection":[4,"multi-selection"],"selectionChanged":[16],"nodeListFlattenedTreeModel":[32],"loading":[32],"nodesVersionsViewType":[32],"nodeVersionsListTreeModel":[32],"searchPatternValue":[32],"toggleCheckboxes":[32],"suspendShortcuts":[64],"updateSelection":[64]},null,{"itemsList":["watchNodeListHandler"]}]]],["p-71f3b66e",[[1,"gx-ide-select-user-team",{"cancelCallback":[16],"continueCallback":[16],"teams":[16],"slideIsVisible":[32],"teamsModelReady":[32]},null,{"teams":["teamsChanged"]}]]],["p-8900c81a",[[1,"gx-ide-sign-in-team",{"authStep":[1,"auth-step"],"continueCallback":[16],"signInCallback":[16],"termsConfirmationRequired":[4,"terms-confirmation-required"],"teams":[16],"termsCallback":[16],"privacyCallback":[16],"authStepInternal":[32],"slideIsVisible":[32],"termsAndConditionsAccepted":[32]},null,{"authStep":["authStepChanged"],"teams":["teamsChanged"]}]]],["p-5a734013",[[1,"gx-ide-card",{"cardTitle":[1,"card-title"],"cardSubTitle":[1,"card-sub-title"],"icon":[1]}]]],["p-822090ba",[[1,"gx-ide-connect-gx-server",{"authenticationTypes":[16],"cancelCallback":[16],"connectCallback":[16],"defaultConnectionData":[16],"enableCustomServer":[4,"enable-custom-server"],"serverUrls":[16],"authenticationTypesComboBoxModel":[32],"gxServerConnectionData":[32],"serverUrlsComboBoxModel":[32],"validatableControls":[32]},null,{"authenticationTypes":["authenticationTypesChanged"],"serverUrls":["serverUrlsChanged"]}]]],["p-8ff555f4",[[1,"gx-ide-create-kb-from-server",{"connectionData":[16],"cancelCallback":[16],"changeConnectionCallback":[16],"createKBCallback":[16],"getGXserverKBsCallback":[16],"selectKBVersionsCallback":[16],"enableSelectVersionsButton":[32],"localKbNameInputValue":[32],"filterValue":[32],"kbsFilteredActionListModel":[32],"validatableControls":[32],"versionSelectedType":[32],"versionsValueInput":[32]}]]],["p-fbab024e",[[1,"gx-ide-current-user-info",{"userInfo":[16],"myAccountCallback":[16],"changeTeamCallback":[16],"changeLanguageCallback":[16],"changeModeCallback":[16],"menuAlign":[16],"signOutCallback":[16],"termsCallback":[16],"privacyCallback":[16],"showMenu":[32]}]]],["p-df8bf481",[[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-c21300fb",[[1,"gx-ide-gam-installation-settings",{"cancelCallback":[16],"canSelectPanels":[4,"can-select-panels"],"configurationType":[1,"configuration-type"],"defaultConfiguration":[16],"repairCallback":[16],"saveCallback":[16]}]]],["p-22908448",[[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-6374dabb",[[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-ebe6d71f",[[1,"gx-ide-share-kb",{"connectionData":[16],"cancelCallback":[16],"changeConnectionCallback":[16],"kbName":[1025,"kb-name"],"shareKBCallback":[16],"selectKBVersionsCallback":[16],"enableSelectVersionsButton":[32],"validatableControls":[32],"versionSelectedType":[32],"versionsValueInput":[32]}]]],["p-3468662b",[[1,"gx-ide-sign-in",{"termsCallback":[16],"signInCallback":[16]}]]],["p-bb1394ca",[[1,"gx-ide-splash",{"version":[1],"removeSplash":[4,"remove-splash"],"splashVisible":[32]},null,{"removeSplash":["removeSplashChanged"]}]]],["p-9ffe118a",[[1,"gx-ide-switch-panel"]]],["p-f963b96e",[[1,"gx-ide-switcher"]]],["p-1a53cc60",[[1,"gx-ide-test",{"name":[1],"filterOn":[32]}]]],["p-34b5a494",[[1,"gx-ide-top-bar",{"topBarTitle":[1,"top-bar-title"]}]]],["p-5dc54e85",[[1,"gx-ide-welcome-page",{"transitionType":[1,"transition-type"],"wordsPerMinute":[2,"words-per-minute"],"closeCallback":[16],"slides":[16],"activeSlideIndex":[32],"displaySlider":[32],"copyrightsVisible":[32],"lastSlideReached":[32],"sliderVisible":[32],"slideTransitioning":[32],"userHasChangedSlide":[32]}]]],["p-85eb72eb",[[4,"gx-ide-chat-container",{"chatTitle":[1,"chat-title"],"copyConversationCallback":[16],"deleteConversationCallback":[16],"displayConversationCopiedMessage":[32],"showCopyConversationMessage":[64]}]]],["p-52af77c2",[[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-70024ecb",[[1,"gx-ide-entity-selector",{"defaultValue":[16],"disabled":[516],"labelCaption":[1,"label-caption"],"labelPosition":[513,"label-position"],"name":[513],"selectEntityCallback":[16],"value":[1040],"buttonHasFocus":[32],"iconSrc":[32]},null,{"value":["valueChangedHandler"]}]]],["p-5246559c",[[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]}]]],["p-afc73c6f",[[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"]}]]],["p-3e15089e",[[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]}]]]]'), e)));
+patchBrowser().then((e => a(JSON.parse('[["p-dcb1516d",[[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-26aff07c",[[1,"gx-ide-bpm-import-files",{"displayTitle":[4,"display-title"],"allowedExtensions":[16],"confirmCallback":[16],"cancelCallback":[16],"files":[32],"selectedFiles":[32]}]]],["p-d8c7e0b5",[[1,"gx-ide-kb-manager-import",{"cancelCallback":[16],"importCallback":[16],"loadCallback":[16],"objectContextMenuCallback":[16],"optionsCallback":[16],"selectedFile":[1040],"statusMinimal":[4,"status-minimal"],"checkedObjectsIds":[32],"selectAllCheckboxValue":[32],"selectAllCheckboxIndeterminate":[32],"importStatusMessage":[32],"importTreeState":[32],"importedTreeFilterRegExp":[32],"importingIsInProcess":[32],"importTreeFilterList":[32],"noImport":[32],"noObjects":[32],"objectsTreeModel":[32],"showHiddenImportsMessage":[32],"someStatusVisible":[32],"statusInfo":[32],"addResultItem":[64]},null,{"importTreeState":["importTreeStateChanged","watchImportTreeStateHandler"],"objectsTreeModel":["watchObjectsTreeModelHandler"],"selectedFile":["selectedFileChanged"]}]]],["p-aa821b66",[[1,"gx-ide-team-dev-select-recent-comment",{"displayTitle":[4,"display-title"],"comments":[16],"confirmCallback":[16],"cancelCallback":[16]}]]],["p-03265b1b",[[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-acaed500",[[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-eaab7765",[[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-97114eef",[[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-b238a545",[[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-df4249e1",[[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-57986b2e",[[1,"gx-ide-ww-attributes",{"contextMenuCallback":[16],"deleteSelectionCallback":[16],"loadCallback":[16],"objectActionCallback":[16],"objects":[16],"openSelectionCallback":[16],"selectionChangeCallback":[16],"types":[16],"attributes":[32],"selectedAttributesIds":[32],"filterMore":[32],"name":[32],"loading":[32],"object":[32],"type":[32],"reload":[64],"validate":[64]},[[1,"keydown","keyDownHandler"]]]]],["p-6e667dde",[[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-4fcde4d0",[[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-d7169c07",[[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-1c36217e",[[1,"gx-ide-bpm-import-gxpm",{"displayTitle":[4,"display-title"],"confirmCallback":[16],"cancelCallback":[16],"selectedFile":[32],"pathValue":[32]}]]],["p-502f2b47",[[1,"gx-ide-bpm-timer-duration",{"displayTitle":[4,"display-title"],"duration":[16],"confirmCallback":[16],"cancelCallback":[16]}]]],["p-a6dd3f03",[[1,"gx-ide-design-import",{"reactiveSettings":[16],"extensions":[16],"defaultModule":[16],"path":[1025],"accessToken":[1025,"access-token"],"importAsWebPanels":[4,"import-as-web-panels"],"selectModuleCallback":[16],"cancelCallback":[16],"confirmCallback":[16],"loadCallback":[16],"loadDesignSystemCallback":[16],"loadFontCallback":[16],"loadImageCallback":[16],"loadPanelDataCallback":[16],"requiresAccessTokenCallback":[16],"styles":[16],"textEditorFactoryCallback":[16],"reRenderCounter":[32],"stylesAsComboBoxModel":[32],"styleValue":[32],"accessTokenHasError":[32],"pathIsValid":[32],"tabsModel":[32],"activeTabs":[32],"renderedTabs":[32],"designData":[32],"detailTreeModel":[32],"isLoading":[32],"isLoaded":[32],"messages":[32],"selectedFile":[32],"selectedDesignType":[32],"selectedDesignItem":[32],"requiresAccessToken":[32],"designDataTreeDataModel":[32],"updateTabsActiveTab":[32],"fitImages":[32],"lastLoadCallbackSettingValues":[32]},null,{"pathIsValid":["pathIsValidChanged"],"designData":["designDataChanged"],"path":["pathChanged"],"accessToken":["accessTokenChanged"],"styles":["stylesChanged"],"messages":["watchMessagesHandler"]}]]],["p-4cd56d14",[[1,"gx-ide-edit-module-server",{"types":[16],"name":[1],"source":[1],"type":[1],"confirmCallback":[16],"selectSourceCallback":[16],"cancelCallback":[16],"selectedType":[32]}]]],["p-f2f9e36e",[[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-24af7f98",[[1,"gx-ide-start-page",{"createKBCallback":[16],"openKbCallback":[16],"secondarySection":[16],"kbs":[16],"kbsFilterThreshold":[2,"kbs-filter-threshold"],"kbFilterValue":[32],"filteredKbs":[32],"loading":[32]},null,{"kbFilterValue":["kbFilterValueChanged"],"kbs":["kbsChanged"]}]]],["p-e07c97d5",[[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-c74d18fe",[[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-b2af0c95",[[1,"gx-ide-team-dev-update-to-revision",{"displayTitle":[4,"display-title"],"cancelCallback":[16],"confirmCallback":[16],"currentRevision":[1,"current-revision"],"validate":[64]}]]],["p-b3e352c8",[[1,"gx-ide-template",{"displayTitle":[4,"display-title"]}]]],["p-1105c966",[[1,"gx-ide-wf-settings",{"displayTitle":[4,"display-title"],"configurationType":[1,"configuration-type"],"defaultConfiguration":[16],"saveCallback":[16],"cancelCallback":[16]}]]],["p-1364f700",[[1,"gx-ide-bpm-objects-selector",{"displayTitle":[4,"display-title"],"selection":[1040],"addCallback":[16],"referencesCallback":[16],"objects":[32],"selectedObjects":[32]}]]],["p-6637e817",[[0,"gx-ide-ai-message",{"aiAssistantHostRef":[16],"message":[1],"messageType":[1,"message-type"],"filterValue":[1,"filter-value"],"hidden":[4],"translations":[16],"visible":[32],"showCopiedMessage":[32]}]]],["p-1cfcec9e",[[1,"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-f654f86d",[[1,"gx-ide-empty-state",{"isAnimated":[4,"is-animated"],"stateDescription":[1,"state-description"],"stateIconSrc":[1,"state-icon-src"],"stateTitle":[1,"state-title"]}]]],["p-9a604798",[[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-49f9f6bf",[[1,"gx-ide-data-type-selector",{"categories":[16],"dataTypeSelectedCallback":[16],"recentlyUsed":[16],"categoriesListBoxModel":[32],"selectedCategory":[32],"statusInfo":[32],"recentlyUsedActionListModel":[32],"loading":[32]},null,{"categories":["categoriesChanged"],"recentlyUsed":["recentlyUsedChanged"]}]]],["p-09d55db9",[[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-3d2bdcb9",[[1,"gx-ide-references",{"loadReferencesCallback":[16],"openObjectCallback":[16],"openSelectorDialogCallback":[16],"selectReferenceCallback":[16],"selectorSourceCallback":[16],"selectedObject":[1040],"barHidden":[32],"objectsSuggestions":[32],"referencedByTreeData":[32],"referencesToTreeData":[32]},null,{"selectedObject":["selectedObjectChanged"]}]]],["p-de589873",[[1,"gx-ide-sc-chat-container",{"showAdditionalContent":[32],"conversationCopied":[32],"assistantStatus":[32]}]]],["p-0d9a25ad",[[1,"gx-ide-select-kb-items",{"cancelCallback":[16],"checkboxType":[1,"checkbox-type"],"checkedChanged":[16],"confirmCallback":[16],"dialogActions":[16],"itemContextMenuCallback":[16],"itemsList":[16],"multiSelection":[4,"multi-selection"],"selectionChanged":[16],"nodeListFlattenedTreeModel":[32],"loading":[32],"nodesVersionsViewType":[32],"nodeVersionsListTreeModel":[32],"searchPatternValue":[32],"toggleCheckboxes":[32],"suspendShortcuts":[64],"updateSelection":[64]},null,{"itemsList":["watchNodeListHandler"]}]]],["p-71f3b66e",[[1,"gx-ide-select-user-team",{"cancelCallback":[16],"continueCallback":[16],"teams":[16],"slideIsVisible":[32],"teamsModelReady":[32]},null,{"teams":["teamsChanged"]}]]],["p-8900c81a",[[1,"gx-ide-sign-in-team",{"authStep":[1,"auth-step"],"continueCallback":[16],"signInCallback":[16],"termsConfirmationRequired":[4,"terms-confirmation-required"],"teams":[16],"termsCallback":[16],"privacyCallback":[16],"authStepInternal":[32],"slideIsVisible":[32],"termsAndConditionsAccepted":[32]},null,{"authStep":["authStepChanged"],"teams":["teamsChanged"]}]]],["p-5a734013",[[1,"gx-ide-card",{"cardTitle":[1,"card-title"],"cardSubTitle":[1,"card-sub-title"],"icon":[1]}]]],["p-822090ba",[[1,"gx-ide-connect-gx-server",{"authenticationTypes":[16],"cancelCallback":[16],"connectCallback":[16],"defaultConnectionData":[16],"enableCustomServer":[4,"enable-custom-server"],"serverUrls":[16],"authenticationTypesComboBoxModel":[32],"gxServerConnectionData":[32],"serverUrlsComboBoxModel":[32],"validatableControls":[32]},null,{"authenticationTypes":["authenticationTypesChanged"],"serverUrls":["serverUrlsChanged"]}]]],["p-8ff555f4",[[1,"gx-ide-create-kb-from-server",{"connectionData":[16],"cancelCallback":[16],"changeConnectionCallback":[16],"createKBCallback":[16],"getGXserverKBsCallback":[16],"selectKBVersionsCallback":[16],"enableSelectVersionsButton":[32],"localKbNameInputValue":[32],"filterValue":[32],"kbsFilteredActionListModel":[32],"validatableControls":[32],"versionSelectedType":[32],"versionsValueInput":[32]}]]],["p-fbab024e",[[1,"gx-ide-current-user-info",{"userInfo":[16],"myAccountCallback":[16],"changeTeamCallback":[16],"changeLanguageCallback":[16],"changeModeCallback":[16],"menuAlign":[16],"signOutCallback":[16],"termsCallback":[16],"privacyCallback":[16],"showMenu":[32]}]]],["p-df8bf481",[[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-c21300fb",[[1,"gx-ide-gam-installation-settings",{"cancelCallback":[16],"canSelectPanels":[4,"can-select-panels"],"configurationType":[1,"configuration-type"],"defaultConfiguration":[16],"repairCallback":[16],"saveCallback":[16]}]]],["p-22908448",[[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-6374dabb",[[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-ebe6d71f",[[1,"gx-ide-share-kb",{"connectionData":[16],"cancelCallback":[16],"changeConnectionCallback":[16],"kbName":[1025,"kb-name"],"shareKBCallback":[16],"selectKBVersionsCallback":[16],"enableSelectVersionsButton":[32],"validatableControls":[32],"versionSelectedType":[32],"versionsValueInput":[32]}]]],["p-3468662b",[[1,"gx-ide-sign-in",{"termsCallback":[16],"signInCallback":[16]}]]],["p-bb1394ca",[[1,"gx-ide-splash",{"version":[1],"removeSplash":[4,"remove-splash"],"splashVisible":[32]},null,{"removeSplash":["removeSplashChanged"]}]]],["p-9ffe118a",[[1,"gx-ide-switch-panel"]]],["p-f963b96e",[[1,"gx-ide-switcher"]]],["p-1a53cc60",[[1,"gx-ide-test",{"name":[1],"filterOn":[32]}]]],["p-34b5a494",[[1,"gx-ide-top-bar",{"topBarTitle":[1,"top-bar-title"]}]]],["p-5dc54e85",[[1,"gx-ide-welcome-page",{"transitionType":[1,"transition-type"],"wordsPerMinute":[2,"words-per-minute"],"closeCallback":[16],"slides":[16],"activeSlideIndex":[32],"displaySlider":[32],"copyrightsVisible":[32],"lastSlideReached":[32],"sliderVisible":[32],"slideTransitioning":[32],"userHasChangedSlide":[32]}]]],["p-85eb72eb",[[4,"gx-ide-chat-container",{"chatTitle":[1,"chat-title"],"copyConversationCallback":[16],"deleteConversationCallback":[16],"displayConversationCopiedMessage":[32],"showCopyConversationMessage":[64]}]]],["p-52af77c2",[[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-70024ecb",[[1,"gx-ide-entity-selector",{"defaultValue":[16],"disabled":[516],"labelCaption":[1,"label-caption"],"labelPosition":[513,"label-position"],"name":[513],"selectEntityCallback":[16],"value":[1040],"buttonHasFocus":[32],"iconSrc":[32]},null,{"value":["valueChangedHandler"]}]]],["p-e9f77ad0",[[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]}]]],["p-afc73c6f",[[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"]}]]],["p-3e15089e",[[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]}]]]]'), e)));
 //# sourceMappingURL=genexus-ide-ui.esm.js.map

package/dist/genexus-ide-ui/{p-395e9c81.entry.js → p-0d9a25ad.entry.js}

@@ -177,7 +177,7 @@ const searchParentsItems = (t, e) => {
   return s;
 };
 
-const r = ":host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}.view-mode__toggle-checkboxes{grid-template-columns:max-content max-content}.field__items-view-type{align-items:center}.field__items-view-type .label{margin-block-start:0 !important}.field__toggle-checkboxes .label{margin-block-start:0 !important}.trees{position:relative}gx-ide-loader{--mer-surface__elevation--01:var(--mer-color__surface)}";
+const r = ":host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}.view-mode__toggle-checkboxes{grid-template-columns:max-content max-content}.field__items-view-type{align-items:center}.field__items-view-type .label{margin-block-start:0 !important}.field__toggle-checkboxes .label{margin-block-start:0 !important}.trees{position:relative}";
 
 var c = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, n) {
   if (i === "m") throw new TypeError("Private method is not writable");
@@ -192,7 +192,7 @@ var h = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
   return s === "m" ? i : s === "a" ? i.call(t) : i ? i.value : e.get(t);
 };
 
-var l, f, d, u, p, m, w, b, v, g, k, y, x, W, M, _, I, C, T, S, j, N;
+var l, f, d, u, p, m, w, b, g, v, k, y, x, W, M, I, _, C, T, S, j, N;
 
 const L = [ "resets/box-sizing", "chameleon/scrollbar", "components/tooltip", "components/tree-view", "utils/form--full", "utils/layout", "utils/spacing", "utils/typography" ];
 
@@ -219,12 +219,12 @@ const z = class {
     m.set(this, []);
     w.set(this, void 0);
     b.set(this, void 0);
-    v.set(this, (() => {
+    g.set(this, (() => {
       if (this.cancelCallback) {
         this.cancelCallback();
       }
     }));
-    g.set(this, (async t => {
+    v.set(this, (async t => {
       const e = [];
       t.detail.forEach((t => {
         t.item.checked && e.push(t.item.id);
@@ -278,22 +278,21 @@ const z = class {
       onClick: h(this, x, "f").call(this, t.callback),
       disabled: this.loading
     }, t.name))))));
-    _.set(this, (() => s("footer", {
+    I.set(this, (() => s("footer", {
       class: "footer control-footer-with-border spacing-body-inline spacing-body-block-end control-footer-space-between"
     }, h(this, M, "f").call(this), s("div", {
       class: "buttons-spacer "
     }, this.cancelCallback && s("button", {
       class: "button-secondary",
       part: "cancel-button",
-      onClick: h(this, v, "f"),
-      disabled: this.loading
+      onClick: h(this, g, "f")
     }, h(this, l, "f").footer.cancel), this.confirmCallback && s("button", {
       class: "button-primary",
       part: "confirm-button",
       onClick: h(this, k, "f"),
       disabled: this.loading
     }, h(this, l, "f").footer.select)))));
-    I.set(this, (t => {
+    _.set(this, (t => {
       const e = [];
       unselectAllNodes(this.itemsList);
       t.detail.forEach((t => {
@@ -431,16 +430,15 @@ const z = class {
       class: "spacing-body-inline-start trees"
     }, this.loading ? s("gx-ide-loader", {
       loaderTitle: h(this, l, "f").loader.title,
-      show: true,
-      class: "loader"
+      show: true
     }) : s("ch-tree-view-render", {
       class: "tree-view",
       model: this.nodesVersionsViewType === "tree" ? this.nodeVersionsListTreeModel : this.nodeListFlattenedTreeModel,
       "show-lines": this.nodesVersionsViewType === "tree" ? "all" : "none",
       expandableButton: this.nodesVersionsViewType === "tree" ? "decorative" : "no",
       onItemContextmenu: h(this, y, "f"),
-      onCheckedItemsChange: h(this, g, "f"),
-      onSelectedItemsChange: h(this, I, "f"),
+      onCheckedItemsChange: h(this, v, "f"),
+      onSelectedItemsChange: h(this, _, "f"),
       multiSelection: this.multiSelection,
       filter: this.searchPatternValue,
       filterType: "caption",
@@ -448,7 +446,7 @@ const z = class {
       ref: t => {
         c(this, b, t, "f");
       }
-    })), (this.dialogActions.length > 0 || this.cancelCallback || this.confirmCallback) && h(this, _, "f").call(this)));
+    })), (this.dialogActions.length > 0 || this.cancelCallback || this.confirmCallback) && h(this, I, "f").call(this)));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/select-kb-items" ];
@@ -464,12 +462,12 @@ const z = class {
 };
 
 l = new WeakMap, f = new WeakMap, d = new WeakMap, u = new WeakMap, p = new WeakMap, 
-m = new WeakMap, w = new WeakMap, b = new WeakMap, v = new WeakMap, g = new WeakMap, 
+m = new WeakMap, w = new WeakMap, b = new WeakMap, g = new WeakMap, v = new WeakMap, 
 k = new WeakMap, y = new WeakMap, x = new WeakMap, W = new WeakMap, M = new WeakMap, 
-_ = new WeakMap, I = new WeakMap, C = new WeakMap, T = new WeakMap, S = new WeakMap, 
+I = new WeakMap, _ = new WeakMap, C = new WeakMap, T = new WeakMap, S = new WeakMap, 
 j = new WeakMap, N = new WeakMap;
 
 z.style = r;
 
 export { z as gx_ide_select_kb_items };
-//# sourceMappingURL=p-395e9c81.entry.js.map
+//# sourceMappingURL=p-0d9a25ad.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["convertItemsNodeListToFlattenedTreeViewModel","itemsList","checkboxType","itemsListFlattenedTreeViewModel","processNode","item","leaf","_a","nodes","length","checkbox","metaData","JSON","stringify","versionType","type","push","id","toString","metadata","caption","name","checked","expanded","startImgSrc","icon","items","selected","forEach","childNode","convertItemsListToTreeViewModel","itemsListTreeViewModel","order","parseInt","findItemNode","itemNode","result","findItemInArray","itemsNodes","setAllLeafsCheckedFalse","uncheck","unselectAllNodes","unselect","checkItems","idsChecked","itemFind","expandItems","selectItems","idsSelected","searchInNode","node","parents","searchParentsItems","ids","rootItem","results","selectKbItemsCss","CSS_BUNDLES","SYSTEM_SEARCH_ICON","getIconPath","category","colorType","VIEW_AS_TREE_ID","VIEW_AS_LIST_ID","TOGGLE_CHECKBOXES_CHECKED_VALUE","GxIdeSelectKbItems","_GxIdeSelectKbItems__componentLocale","set","this","_GxIdeSelectKbItems_checkedNodesIds","_GxIdeSelectKbItems_chShortcutsEl","_GxIdeSelectKbItems_selectedNodesIds","_GxIdeSelectKbItems_shortcutsSrc","getAssetPath","_GxIdeSelectKbItems_updatedModelList","_GxIdeSelectKbItems_viewItemsAsModel","_GxIdeSelectKbItems_treeViewRenderEl","_GxIdeSelectKbItems_cancelHandler","cancelCallback","_GxIdeSelectKbItems_checkedItemsChangeHandler","async","e","checkedNodesIds","detail","__classPrivateFieldSet","__classPrivateFieldGet","checkedChanged","_GxIdeSelectKbItems_confirmHandler","confirmCallback","_GxIdeSelectKbItems_contextMenuHandler","itemContextMenuCallback","info","isSelected","find","updateItemsProperties","clientX","contextmenuEvent","clientY","selection","_GxIdeSelectKbItems_executeDialogAction","callback","_GxIdeSelectKbItems_patternSearchValueChangedHandler","event","searchPatternValue","_GxIdeSelectKbItems_renderActionButtons","h","dialogActions","map","action","class","part","onClick","call","disabled","loading","_GxIdeSelectKbItems_renderFooter","footer","cancel","select","_GxIdeSelectKbItems_selectedItemsChangeHandler","selectedNodesIds","selectionChanged","_GxIdeSelectKbItems_toggleAndSelectNodesInModelItems","selectedItemsIds","nodesToToggle","newItemsSelected","newItemsExpanded","_GxIdeSelectKbItems_updateViews","_GxIdeSelectKbItems_toggleCheckedNodesInModelItems","newItemsList","nodeVersionsListTreeModel","nodeListFlattenedTreeModel","_GxIdeSelectKbItems_viewItemsAsChangedHandler","selectedViewType","nodesVersionsViewType","_GxIdeSelectKbItems_toggleCheckboxesChangedHandler","toggleCheckboxes","watchNodeListHandler","componentWillLoad","Locale","getComponentStrings","el","value","main","tree","suspendShortcuts","suspend","updateSelection","render","Host","model","src","ref","htmlFor","onChange","checkedValue","onInput","placeholder","header","searchPatternPlaceholder","loaderTitle","loader","title","show","expandableButton","onItemContextmenu","onCheckedItemsChange","onSelectedItemsChange","multiSelection","filter","filterType"],"sources":["src/components/select-kb-items/helpers.tsx","src/components/select-kb-items/select-kb-items.scss?tag=gx-ide-select-kb-items&encapsulation=shadow","src/components/select-kb-items/select-kb-items.tsx"],"sourcesContent":["import { ItemNode, CheckboxType } from \"./select-kb-items\";\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\n\nexport const convertItemsNodeListToFlattenedTreeViewModel = (\n  itemsList: ItemNode[],\n  checkboxType: CheckboxType\n): TreeViewItemModel[] => {\n  const itemsListFlattenedTreeViewModel: TreeViewItemModel[] = [];\n\n  const processNode = (item: ItemNode) => {\n    const leaf = !item.nodes?.length;\n    const checkbox =\n      checkboxType === \"all\" ||\n      (checkboxType === \"custom\" && item.checkbox) ||\n      (checkboxType === \"leaf\" && leaf);\n    const metaData = JSON.stringify({\n      versionType: item.type\n    });\n    itemsListFlattenedTreeViewModel.push({\n      id: item.id.toString(),\n      metadata: metaData,\n      caption: item.name,\n      checked: item.checked,\n      checkbox: checkbox,\n      expanded: item.expanded,\n      startImgSrc: item.icon,\n      items: null,\n      leaf: leaf,\n      selected: item.selected\n    });\n\n    if (item.nodes) {\n      item.nodes.forEach(childNode => processNode(childNode));\n    }\n  };\n\n  itemsList.forEach(item => processNode(item));\n  return itemsListFlattenedTreeViewModel;\n};\n\nexport const convertItemsListToTreeViewModel = (\n  itemsList: ItemNode[],\n  checkboxType: CheckboxType\n): TreeViewItemModel[] => {\n  const itemsListTreeViewModel: TreeViewItemModel[] = [];\n  itemsList.forEach(item => {\n    const leaf = !item.nodes?.length;\n    const expanded = item.expanded;\n    const icon = item.icon;\n    const order = parseInt(item.id);\n    const checkbox =\n      checkboxType === \"all\" ||\n      (checkboxType === \"custom\" && item.checkbox) ||\n      (checkboxType === \"leaf\" && leaf);\n    const metaData = JSON.stringify({\n      versionType: item.type\n    });\n    itemsListTreeViewModel.push({\n      id: item.id.toString(),\n      metadata: metaData,\n      caption: item.name,\n      checkbox: checkbox,\n      checked: item.checked,\n      order: order,\n      selected: item.selected,\n      expanded: expanded,\n      startImgSrc: icon,\n      items: !leaf\n        ? convertItemsListToTreeViewModel(item.nodes, checkboxType)\n        : null,\n      leaf: leaf\n    });\n  });\n\n  return itemsListTreeViewModel;\n};\n\nconst findItemNode = (id: string, item: ItemNode): ItemNode | null => {\n  if (item.id === id) {\n    return item;\n  }\n\n  if (item.nodes) {\n    for (const itemNode of item.nodes) {\n      const result = findItemNode(id, itemNode);\n      if (result) {\n        return result;\n      }\n    }\n  }\n  return null;\n};\n\nfunction findItemInArray(itemsNodes: ItemNode[], id: string): ItemNode | null {\n  for (const item of itemsNodes) {\n    const result = findItemNode(id, item);\n    if (result) {\n      return result;\n    }\n  }\n  return null;\n}\nconst setAllLeafsCheckedFalse = (itemsList: ItemNode[]): ItemNode[] => {\n  const uncheck = (itemNode: ItemNode) => {\n    itemNode.checked = false;\n    if (itemNode.nodes?.length) {\n      itemNode.nodes.forEach(childNode => uncheck(childNode));\n    }\n  };\n\n  itemsList.forEach(item => uncheck(item));\n  return itemsList;\n};\n\nexport const unselectAllNodes = (itemsList: ItemNode[]) => {\n  const unselect = (itemNode: ItemNode) => {\n    itemNode.selected = false;\n    if (itemNode.nodes?.length) {\n      itemNode.nodes.forEach(childNode => unselect(childNode));\n    }\n  };\n\n  itemsList.forEach(item => unselect(item));\n};\n\nexport const checkItems = (\n  itemsList: ItemNode[],\n  idsChecked: string[]\n): ItemNode[] => {\n  setAllLeafsCheckedFalse(itemsList);\n  idsChecked.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.checked = true;\n    }\n  });\n\n  return itemsList;\n};\n\nexport const expandItems = (\n  itemsList: ItemNode[],\n  idsChecked: string[]\n): ItemNode[] => {\n  idsChecked.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.expanded = true;\n    }\n  });\n\n  return itemsList;\n};\n\nexport const selectItems = (\n  itemsList: ItemNode[],\n  idsSelected: string[]\n): ItemNode[] => {\n  idsSelected.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.selected = true;\n    }\n  });\n  return itemsList;\n};\n\nfunction searchInNode(item: ItemNode, id: string): string[] | null {\n  // If the current node is the searched node, we return an empty list (it has no parents in this branch)\n  if (item.id === id) {\n    return [];\n  }\n\n  // We traverse each child looking for the target node\n  if (item.nodes?.length) {\n    for (const node of item.nodes) {\n      const parents = searchInNode(node, id);\n      if (parents !== null) {\n        // If we find it, we include the current node at the beginning of the path and return\n        return [item.id, ...parents];\n      }\n    }\n  }\n  return null;\n}\n\nexport const searchParentsItems = (\n  items: ItemNode[],\n  ids: string[]\n): string[] | null => {\n  const parents: string[] = [];\n  for (const id of ids) {\n    for (const rootItem of items) {\n      const results = searchInNode(rootItem, id);\n      if (results !== null) {\n        results.forEach(result => {\n          parents.push(result);\n        });\n      }\n    }\n  }\n  return parents;\n};\n",":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// header\n.view-mode__toggle-checkboxes {\n  grid-template-columns: max-content max-content;\n}\n.field__items-view-type {\n  align-items: center;\n  .label {\n    margin-block-start: 0 !important; // WA to center label with radio-group\n  }\n}\n.field__toggle-checkboxes {\n  .label {\n    margin-block-start: 0 !important; // WA to center label with radio-group\n  }\n}\n\n.trees {\n  position: relative;\n}\n","import {\n  Component,\n  Element,\n  getAssetPath,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Method\n} from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n\nimport {\n  checkItems,\n  convertItemsListToTreeViewModel,\n  convertItemsNodeListToFlattenedTreeViewModel,\n  expandItems,\n  searchParentsItems,\n  selectItems,\n  unselectAllNodes\n} from \"./helpers\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { ContextMenuInfo } from \"../../common/types\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"chameleon/scrollbar\",\n  \"components/tooltip\",\n  \"components/tree-view\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\nconst SYSTEM_SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\n\nconst VIEW_AS_TREE_ID: NodesVersionsViewType = \"tree\";\nconst VIEW_AS_LIST_ID: NodesVersionsViewType = \"list\";\n\nconst TOGGLE_CHECKBOXES_CHECKED_VALUE = \"on\";\n\n@Component({\n  tag: \"gx-ide-select-kb-items\",\n  styleUrl: \"select-kb-items.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/select-kb-items\"]\n})\nexport class GxIdeSelectKbItems {\n  #_componentLocale: any;\n  #checkedNodesIds: string[] = [];\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #selectedNodesIds: string[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/select-kb-items/shortcuts.json`\n  );\n  #updatedModelList: ItemNode[] = [];\n\n  #viewItemsAsModel: RadioGroupItemModel[];\n\n  @Element() el: HTMLGxIdeSelectKbItemsElement;\n  #treeViewRenderEl: HTMLChTreeViewRenderElement;\n\n  /**\n   * Represents the nodes list model\n   */\n  @State() nodeListFlattenedTreeModel: TreeViewItemModel[] = [];\n\n  /**\n   * To show a loader when the component is loading\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * View type for the nodes.\n   */\n  @State() nodesVersionsViewType: NodesVersionsViewType = \"tree\";\n\n  /**\n   * Represents the nodes tree model\n   */\n  @State() nodeVersionsListTreeModel: TreeViewItemModel[] = [];\n\n  /**\n   * \"Search Pattern\" input value, used to filter the nodes tree/list.\n   */\n  @State() searchPatternValue: string = null;\n\n  /**\n   * It maps to the ch-tree-view-render \"toggleCheckboxes\" property.\n   */\n  @State() toggleCheckboxes: boolean = true;\n\n  /**\n   * Callback emitted when the 'cancel' button is pressed\n   */\n  @Prop() readonly cancelCallback?: () => Promise<void>;\n  /**\n   * Defines which nodes of the component have checkboxes.\n   */\n  @Prop() readonly checkboxType: CheckboxType;\n\n  /**\n   * Callback emitted when the items checked items change\n   */\n  @Prop() readonly checkedChanged?: (checkedItems: string[]) => Promise<void>;\n\n  /**\n   * Callback emitted when the 'select' button is pressed\n   */\n  @Prop() readonly confirmCallback?: (checkedItems: string[]) => Promise<void>;\n\n  /**\n   * Set of additional actions (callbacks) to those already provided by default by the selector (cancelCallback and selectCallback)\n   */\n  @Prop() readonly dialogActions: DialogAction[] = [];\n\n  /**\n   * Callback emitted when the user right click on an item\n   */\n  @Prop() readonly itemContextMenuCallback: (\n    info: ContextMenuInfo\n  ) => Promise<void>;\n\n  /**\n   * Represents the itemLis list model\n   */\n  @Prop() readonly itemsList: ItemNode[] = [];\n\n  @Watch(\"itemsList\")\n  watchNodeListHandler(newItemsList: ItemNode[]) {\n    if (newItemsList.length > 0) {\n      this.loading = false;\n    }\n    this.#updateViews(newItemsList);\n  }\n\n  /**\n   * This define if the selection is unique or not\n   */\n  @Prop() readonly multiSelection?: boolean = false;\n\n  /**\n   * Callback emitted when the items selection change\n   */\n  @Prop() readonly selectionChanged?: (selectedItem: string[]) => Promise<void>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#viewItemsAsModel = [\n      { value: VIEW_AS_TREE_ID, caption: this.#_componentLocale.main.tree },\n      { value: VIEW_AS_LIST_ID, caption: \"List\" }\n    ];\n    this.watchNodeListHandler(this.itemsList);\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Allow to update the selected items\n   */\n  @Method()\n  async updateSelection(selectedItemsIds: string[]) {\n    // first clear selected\n    this.#treeViewRenderEl.updateItemsProperties(this.#selectedNodesIds, {\n      selected: false\n    });\n    // then select\n    this.#treeViewRenderEl.updateItemsProperties(selectedItemsIds, {\n      selected: true\n    });\n  }\n\n  #cancelHandler = () => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  #checkedItemsChangeHandler = async (\n    e: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    const checkedNodesIds: string[] = [];\n    e.detail.forEach(node => {\n      node.item.checked && checkedNodesIds.push(node.item.id);\n    });\n    this.#checkedNodesIds = checkedNodesIds;\n    this.#updatedModelList = checkItems(this.itemsList, this.#checkedNodesIds);\n\n    if (this.checkedChanged) {\n      this.checkedChanged(this.#checkedNodesIds);\n    }\n  };\n\n  #confirmHandler = () => {\n    if (this.confirmCallback) {\n      this.confirmCallback(this.#checkedNodesIds);\n    }\n  };\n\n  #contextMenuHandler = async (\n    e: CustomEvent<{\n      id: string;\n      itemRef: HTMLChTreeViewItemElement;\n      metadata: string;\n      contextmenuEvent: PointerEvent;\n    }>\n  ) => {\n    if (this.itemContextMenuCallback) {\n      let info: ContextMenuInfo;\n      const isSelected = this.#selectedNodesIds.find(id => id === e.detail.id);\n      if (!this.#selectedNodesIds.length || !isSelected) {\n        await this.#treeViewRenderEl.updateItemsProperties(\n          this.#selectedNodesIds,\n          { selected: false }\n        );\n        await this.#treeViewRenderEl.updateItemsProperties([e.detail.id], {\n          selected: true\n        });\n        info = {\n          clientX: e.detail.contextmenuEvent.clientX,\n          clientY: e.detail.contextmenuEvent.clientY,\n          selection: [e.detail.id]\n        };\n      } else {\n        info = {\n          clientX: e.detail.contextmenuEvent.clientX,\n          clientY: e.detail.contextmenuEvent.clientY,\n          selection: this.#selectedNodesIds\n        };\n      }\n      this.itemContextMenuCallback(info);\n    }\n  };\n\n  #executeDialogAction = (\n    callback: (checkedNodesIds: string[], selectedNodesIds: string[]) => void\n  ) => {\n    return () => {\n      callback(this.#checkedNodesIds, this.#selectedNodesIds);\n    };\n  };\n\n  #patternSearchValueChangedHandler = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.searchPatternValue = event.detail.toString();\n  };\n\n  #renderActionButtons = (): HTMLElement[] => {\n    return (\n      <div>\n        {this.dialogActions.map(action => {\n          return (\n            <button\n              class={\"button-tertiary\"}\n              part={`button button-${action.name}`}\n              onClick={this.#executeDialogAction(action.callback)}\n              disabled={this.loading}\n            >\n              {action.name}\n            </button>\n          );\n        })}\n      </div>\n    );\n  };\n\n  #renderFooter = (): HTMLElement => {\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end control-footer-space-between\">\n        {this.#renderActionButtons()}\n        <div class=\"buttons-spacer \">\n          {this.cancelCallback && (\n            <button\n              class={\"button-secondary\"}\n              part={\"cancel-button\"}\n              onClick={this.#cancelHandler}\n            >\n              {this.#_componentLocale.footer.cancel}\n            </button>\n          )}\n          {this.confirmCallback && (\n            <button\n              class={\"button-primary\"}\n              part={\"confirm-button\"}\n              onClick={this.#confirmHandler}\n              disabled={this.loading}\n            >\n              {this.#_componentLocale.footer.select}\n            </button>\n          )}\n        </div>\n      </footer>\n    );\n  };\n\n  #selectedItemsChangeHandler = (\n    e: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    const selectedNodesIds: string[] = [];\n    unselectAllNodes(this.itemsList);\n    e.detail.forEach(node => {\n      selectedNodesIds.push(node.item.id);\n    });\n    this.#selectedNodesIds = selectedNodesIds;\n    if (this.selectionChanged) {\n      this.selectionChanged(this.#selectedNodesIds);\n    }\n\n    this.#updatedModelList = selectItems(this.itemsList, selectedNodesIds);\n  };\n\n  #toggleAndSelectNodesInModelItems = async (selectedItemsIds: string[]) => {\n    const nodesToToggle = searchParentsItems(this.itemsList, selectedItemsIds);\n    const newItemsSelected = selectItems(this.itemsList, selectedItemsIds);\n    const newItemsExpanded = expandItems(newItemsSelected, nodesToToggle);\n    this.#updateViews(newItemsExpanded);\n  };\n\n  #toggleCheckedNodesInModelItems = async (selectedItemsIds: string[]) => {\n    const nodesToToggle = searchParentsItems(this.itemsList, selectedItemsIds);\n    const newItemsExpanded = expandItems(this.itemsList, nodesToToggle);\n    this.#updateViews(newItemsExpanded);\n  };\n\n  #updateViews = (newItemsList: ItemNode[]) => {\n    this.nodeVersionsListTreeModel = convertItemsListToTreeViewModel(\n      newItemsList,\n      this.checkboxType\n    );\n\n    this.nodeListFlattenedTreeModel =\n      convertItemsNodeListToFlattenedTreeViewModel(\n        newItemsList,\n        this.checkboxType\n      );\n  };\n\n  #viewItemsAsChangedHandler = async (event: CustomEvent<string>) => {\n    const selectedViewType = event.detail as NodesVersionsViewType;\n    this.nodesVersionsViewType = selectedViewType;\n    if (this.nodesVersionsViewType === \"tree\") {\n      await this.#toggleAndSelectNodesInModelItems(this.#selectedNodesIds);\n      await this.#toggleCheckedNodesInModelItems(this.#checkedNodesIds);\n    }\n    this.#updateViews(this.#updatedModelList);\n  };\n\n  #toggleCheckboxesChangedHandler = (\n    event: ChCheckboxCustomEvent<string> | InputEvent\n  ) => {\n    this.toggleCheckboxes = event.detail === TOGGLE_CHECKBOXES_CHECKED_VALUE;\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"control-header field-group spacing-body-block-start spacing-body-inline\">\n            <div class=\"field-group view-mode__toggle-checkboxes\">\n              <div class=\"field field-inline field__items-view-type\">\n                <label class=\"label\" htmlFor=\"view-mode\">\n                  Select view mode:\n                </label>\n                <ch-radio-group-render\n                  class=\"radio-group\"\n                  id=\"view-mode\"\n                  model={this.#viewItemsAsModel}\n                  onChange={this.#viewItemsAsChangedHandler}\n                  value={this.#viewItemsAsModel[0].value}\n                ></ch-radio-group-render>\n              </div>\n\n              {this.checkboxType !== \"none\" && (\n                <div class=\"field field-inline field__toggle-checkboxes\">\n                  <label class=\"label\" htmlFor=\"toggle-checkboxes\">\n                    Toggle Checkboxes\n                  </label>\n                  <ch-checkbox\n                    class=\"checkbox\"\n                    id=\"toggle-checkboxes\"\n                    checkedValue={TOGGLE_CHECKBOXES_CHECKED_VALUE}\n                    value={TOGGLE_CHECKBOXES_CHECKED_VALUE}\n                    onInput={this.#toggleCheckboxesChangedHandler}\n                  ></ch-checkbox>\n                </div>\n              )}\n            </div>\n\n            <ch-edit\n              class=\"input pattern-filter\"\n              placeholder={\n                this.#_componentLocale.header.searchPatternPlaceholder\n              }\n              startImgSrc={SYSTEM_SEARCH_ICON}\n              onInput={this.#patternSearchValueChangedHandler}\n            ></ch-edit>\n          </header>\n\n          <div class=\"spacing-body-inline-start trees\">\n            {this.loading ? (\n              <gx-ide-loader\n                loaderTitle={this.#_componentLocale.loader.title}\n                show\n              ></gx-ide-loader>\n            ) : (\n              <ch-tree-view-render\n                class=\"tree-view\"\n                model={\n                  this.nodesVersionsViewType === \"tree\"\n                    ? this.nodeVersionsListTreeModel\n                    : this.nodeListFlattenedTreeModel\n                }\n                show-lines={\n                  this.nodesVersionsViewType === \"tree\" ? \"all\" : \"none\"\n                }\n                expandableButton={\n                  this.nodesVersionsViewType === \"tree\" ? \"decorative\" : \"no\"\n                }\n                onItemContextmenu={this.#contextMenuHandler}\n                onCheckedItemsChange={this.#checkedItemsChangeHandler}\n                onSelectedItemsChange={this.#selectedItemsChangeHandler}\n                multiSelection={this.multiSelection}\n                filter={this.searchPatternValue}\n                filterType=\"caption\"\n                toggleCheckboxes={this.toggleCheckboxes}\n                ref={(el: HTMLChTreeViewRenderElement) => {\n                  this.#treeViewRenderEl = el as HTMLChTreeViewRenderElement;\n                }}\n              ></ch-tree-view-render>\n            )}\n          </div>\n          {(this.dialogActions.length > 0 ||\n            this.cancelCallback ||\n            this.confirmCallback) &&\n            this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type CheckboxType = \"none\" | \"all\" | \"leaf\" | \"custom\";\n\nexport type DialogAction = {\n  name: string;\n  callback: DialogActionCallback;\n};\n\nexport type DialogActionCallback = (...args: any[]) => void;\n\nexport type ItemCommon = {\n  icon: string;\n  expanded: boolean;\n};\n\nexport type ItemNode = {\n  checkbox?: boolean;\n  checked?: boolean;\n  expanded?: boolean;\n  icon?: string;\n  id: string;\n  name: string;\n  nodes?: ItemNode[];\n  selected?: boolean;\n  type: ItemType;\n};\n\nexport type ItemType = {\n  id: string;\n  name: string;\n};\n\ntype NodesVersionsViewType = \"tree\" | \"list\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-5246559c.entry.js → p-e9f77ad0.entry.js}

@@ -1,8 +1,8 @@
 import { r as e, c as r, h as a, H as i } from "./p-2cf37639.js";
 
-const o = ".loader__wrapper{position:absolute;border:none;opacity:0;transition:var(--show-transition) opacity;inline-size:100%;block-size:100%;display:flex;background-color:var(--elevation-background-color, var(--mer-surface__elevation--01));backdrop-filter:var(--gxg-ide-loader-wrapper__backdrop-filter);padding:var(--gxg-ide-loader-wrapper__padding);flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;color:var(--gxg-ide-loader-wrapper__color);z-index:99;animation:fadeIn var(--mer-timing--fast) forwards}.loader__wrapper--visible{opacity:1}.loader__spinner{border:var(--gxg-ide-loader-spinner__border);border-block-start:var(--gxg-ide-loader-spinner__border-top);border-radius:50%;animation:spinner 0.6s infinite linear;inline-size:var(--gxg-ide-loader-spinner__width);block-size:var(--gxg-ide-loader-spinner__width);flex-shrink:0;opacity:1}.loader__content-wrapper{display:flex;text-align:center;flex-direction:column;margin-block-start:var(--gxg-ide-loader-content-wrapper__mbs);gap:var(--mer-spacing--xs);max-block-size:var(--gxg-ide-loader-content-wrapper__max-width);opacity:1}.loader__content-wrapper--hidden{display:none}.loader__cancel-button{margin-block-start:var(--mer-spacing--xs)}@keyframes wrapper{0%{background-color:var(--gxg-ide-loader-wrapper__background-color--from)}100%{background-color:var(--gxg-ide-loader-wrapper__background-color--to)}}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}:host([display-border]) .loader__wrapper{border:1px solid var(--mer-color__elevation--02)}@keyframes fadeIn{0%{opacity:0}}";
+const t = ".loader__wrapper{position:absolute;border:none;opacity:0;transition:var(--show-transition) opacity;inline-size:100%;block-size:100%;display:flex;background-color:var(--elevation-background-color, var(--mer-surface));backdrop-filter:var(--gxg-ide-loader-wrapper__backdrop-filter);padding:var(--gxg-ide-loader-wrapper__padding);flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;color:var(--mer-text__on-elevation);z-index:99;animation:fadeIn var(--mer-timing--fast) forwards}.loader__wrapper--visible{opacity:1}.loader__spinner{border:var(--gxg-ide-loader-spinner__border);border-block-start:var(--gxg-ide-loader-spinner__border-top);border-radius:50%;animation:spinner 0.6s infinite linear;inline-size:var(--gxg-ide-loader-spinner__width);block-size:var(--gxg-ide-loader-spinner__width);flex-shrink:0;opacity:1}.loader__content-wrapper{display:flex;text-align:center;flex-direction:column;margin-block-start:var(--gxg-ide-loader-content-wrapper__mbs);gap:var(--mer-spacing--xs);max-block-size:var(--gxg-ide-loader-content-wrapper__max-width);opacity:1}.loader__content-wrapper--hidden{display:none}.loader__cancel-button{margin-block-start:var(--mer-spacing--xs)}@keyframes wrapper{0%{background-color:var(--gxg-ide-loader-wrapper__background-color--from)}100%{background-color:var(--gxg-ide-loader-wrapper__background-color--to)}}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}:host([display-border]) .loader__wrapper{border:1px solid var(--mer-color__elevation--02)}@keyframes fadeIn{0%{opacity:0}}";
 
-var t = undefined && undefined.__classPrivateFieldGet || function(e, r, a, i) {
+var o = undefined && undefined.__classPrivateFieldGet || function(e, r, a, i) {
   if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
   if (typeof r === "function" ? e !== r || !i : !r.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return a === "m" ? i : a === "a" ? i.call(e) : i ? i.value : r.get(e);
@@ -21,13 +21,13 @@ const h = class {
       if (this.cancelCallback) {
         this.cancelCallback();
       }
-      clearTimeout(t(this, n, "f"));
+      clearTimeout(o(this, n, "f"));
       this.show = false;
     }));
     d.set(this, (() => this.cancelLabel && a("div", null, a("button", {
       class: "button-secondary loader__cancel-button",
       type: "button",
-      onClick: t(this, s, "f")
+      onClick: o(this, s, "f")
     }, this.cancelLabel))));
     l.set(this, (() => this.description && a("p", {
       class: "body-regular-italic-s"
@@ -61,13 +61,13 @@ const h = class {
         "loader__content-wrapper": true,
         "loader__content-wrapper--hidden": !this.description && !this.loaderTitle && !this.cancelLabel
       }
-    }, t(this, p, "f").call(this), t(this, l, "f").call(this), t(this, d, "f").call(this))));
+    }, o(this, p, "f").call(this), o(this, l, "f").call(this), o(this, d, "f").call(this))));
   }
 };
 
 n = new WeakMap, s = new WeakMap, d = new WeakMap, l = new WeakMap, p = new WeakMap;
 
-h.style = o;
+h.style = t;
 
 export { h as gx_ide_loader };
-//# sourceMappingURL=p-5246559c.entry.js.map
+//# sourceMappingURL=p-e9f77ad0.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ideLoaderCss","CSS_BUNDLES","IdeLoader","_IdeLoader_timeoutReference","set","this","_IdeLoader_cancelProcess","cancelCallback","clearTimeout","__classPrivateFieldGet","show","_IdeLoader_renderCancelButton","cancelLabel","h","class","type","onClick","_IdeLoader_renderDescription","description","_IdeLoader_renderTitle","loaderTitle","render","Host","model","showWrapper","part","popover","call"],"sources":["src/components/_helpers/ide-loader/ide-loader.scss?tag=gx-ide-loader&encapsulation=shadow","src/components/_helpers/ide-loader/ide-loader.tsx"],"sourcesContent":[".loader {\n  &__wrapper {\n    position: absolute;\n    border: none;\n    opacity: 0;\n    transition: var(--show-transition) opacity;\n    inline-size: 100%;\n    block-size: 100%;\n    display: flex;\n    background-color: var(--elevation-background-color, var(--mer-surface));\n    backdrop-filter: var(--gxg-ide-loader-wrapper__backdrop-filter);\n    padding: var(--gxg-ide-loader-wrapper__padding);\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    color: var(--mer-text__on-elevation);\n    z-index: 99; // WA to prevent tree-view chevron arrow to appear above.\n    animation: fadeIn var(--mer-timing--fast) forwards;\n\n    &--visible {\n      opacity: 1;\n    }\n  }\n  &__spinner {\n    border: var(--gxg-ide-loader-spinner__border);\n    border-block-start: var(--gxg-ide-loader-spinner__border-top);\n    border-radius: 50%;\n    animation: spinner 0.6s infinite linear;\n    inline-size: var(--gxg-ide-loader-spinner__width);\n    block-size: var(--gxg-ide-loader-spinner__width);\n    flex-shrink: 0;\n    opacity: 1;\n  }\n\n  &__content-wrapper {\n    display: flex;\n    text-align: center;\n    flex-direction: column;\n    margin-block-start: var(--gxg-ide-loader-content-wrapper__mbs);\n    gap: var(--mer-spacing--xs);\n    max-block-size: var(--gxg-ide-loader-content-wrapper__max-width);\n    &--hidden {\n      display: none;\n    }\n    opacity: 1;\n  }\n\n  &__cancel-button {\n    margin-block-start: var(--mer-spacing--xs);\n  }\n}\n\n/*background color animation*/\n@keyframes wrapper {\n  0% {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--from);\n  }\n  100% {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--to);\n  }\n}\n@keyframes spinner {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n}\n\n:host([display-border]) {\n  .loader {\n    &__wrapper {\n      border: 1px solid var(--mer-color__elevation--02);\n    }\n  }\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"utils/typography\"\n];\n@Component({\n  tag: \"gx-ide-loader\",\n  styleUrl: \"ide-loader.scss\",\n  shadow: true\n})\nexport class IdeLoader {\n  #timeoutReference: ReturnType<typeof setTimeout>;\n\n  /**\n   * shows the '.loader-wrapper'\n   */\n  @State() showWrapper = true;\n\n  /**\n   * The time the loader will await before abort.\n   */\n  @Prop() readonly abortTime: number = 5 * 60 * 1000; // 5 minutes\n\n  /**\n   * The cancel callback\n   */\n  @Prop() readonly cancelCallback: IdeLoaderCancelCallback;\n\n  /**\n   * The cancel button label (optional)\n   */\n  @Prop() readonly cancelLabel: string;\n\n  /**\n   * The loader description (optional)\n   */\n  @Prop() readonly description: string;\n\n  /**\n   * Displays a border all around\n   */\n  @Prop({ reflect: true }) readonly displayBorder: boolean = false;\n\n  /**\n   * The loader title (optional)\n   */\n  @Prop() readonly loaderTitle: string;\n\n  /**\n   * It shows the loader\n   */\n  @Prop({ mutable: true }) show = false;\n\n  /**\n   * This event is emitted when \"show\" is false.\n   */\n  @Event() loaderFinished: EventEmitter<void>;\n\n  #cancelProcess = (): void => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n    clearTimeout(this.#timeoutReference);\n    this.show = false;\n  };\n\n  #renderCancelButton = (): HTMLButtonElement | null =>\n    this.cancelLabel && (\n      <div>\n        <button\n          class=\"button-secondary loader__cancel-button\"\n          type=\"button\"\n          onClick={this.#cancelProcess}\n        >\n          {this.cancelLabel}\n        </button>\n      </div>\n    );\n\n  #renderDescription = (): HTMLParagraphElement | null =>\n    this.description && <p class=\"body-regular-italic-s\">{this.description}</p>;\n\n  #renderTitle = (): HTMLParagraphElement | null =>\n    this.loaderTitle && <p class=\"body-regular-l\">{this.loaderTitle}</p>;\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.show && (\n          <div\n            class={{\n              [`loader__wrapper`]: true,\n              \"loader__wrapper--visible\": this.showWrapper\n            }}\n            part=\"loader-wrapper\"\n            popover=\"\"\n          >\n            <div class=\"loader__spinner\"></div>\n            <div\n              class={{\n                \"loader__content-wrapper\": true,\n                \"loader__content-wrapper--hidden\":\n                  !this.description && !this.loaderTitle && !this.cancelLabel\n              }}\n            >\n              {this.#renderTitle()}\n              {this.#renderDescription()}\n              {this.#renderCancelButton()}\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type IdeLoaderCancelCallback = () => void;\n"],"mappings":";;AAAA,MAAMA,IAAe;;;;;;;;;;ACYrB,MAAMC,IAA8B,EAClC,qBACA,qBACA;;MAOWC,IAAS;;;;IACpBC,EAAAC,IAAAC,WAAA;IA+CAC,EAAAF,IAAAC,OAAiB;MACf,IAAIA,KAAKE,gBAAgB;QACvBF,KAAKE;;MAEPC,aAAaC,EAAAJ,MAAIF,GAAA;MACjBE,KAAKK,OAAO;AAAK;IAGnBC,EAAAP,IAAAC,OAAsB,MACpBA,KAAKO,eACHC,EAAA,aACEA,EAAA;MACEC,OAAM;MACNC,MAAK;MACLC,SAASP,EAAAJ,MAAIC,GAAA;OAEZD,KAAKO;IAKdK,EAAAb,IAAAC,OAAqB,MACnBA,KAAKa,eAAeL,EAAA;MAAGC,OAAM;OAAyBT,KAAKa;IAE7DC,EAAAf,IAAAC,OAAe,MACbA,KAAKe,eAAeP,EAAA;MAAGC,OAAM;OAAkBT,KAAKe;uBAnE/B;qBAKc,IAAI,KAAK;;;;yBAoBa;;gBAU3B;;EAkChC,MAAAC;IACE,OACER,EAACS,GAAI,MACHT,EAAA;MAAUU,OAAOtB;QAChBI,KAAKK,QACJG,EAAA;MACEC,OAAO;QACL,CAAC,oBAAoB;QACrB,4BAA4BT,KAAKmB;;MAEnCC,MAAK;MACLC,SAAQ;OAERb,EAAA;MAAKC,OAAM;QACXD,EAAA;MACEC,OAAO;QACL,2BAA2B;QAC3B,oCACGT,KAAKa,gBAAgBb,KAAKe,gBAAgBf,KAAKO;;OAGnDH,EAAAJ,MAAIc,GAAA,KAAaQ,KAAjBtB,OACAI,EAAAJ,MAAIY,GAAA,KAAmBU,KAAvBtB,OACAI,EAAAJ,MAAIM,GAAA,KAAoBgB,KAAxBtB"}

package/package.json

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["convertItemsNodeListToFlattenedTreeViewModel","itemsList","checkboxType","itemsListFlattenedTreeViewModel","processNode","item","leaf","_a","nodes","length","checkbox","metaData","JSON","stringify","versionType","type","push","id","toString","metadata","caption","name","checked","expanded","startImgSrc","icon","items","selected","forEach","childNode","convertItemsListToTreeViewModel","itemsListTreeViewModel","order","parseInt","findItemNode","itemNode","result","findItemInArray","itemsNodes","setAllLeafsCheckedFalse","uncheck","unselectAllNodes","unselect","checkItems","idsChecked","itemFind","expandItems","selectItems","idsSelected","searchInNode","node","parents","searchParentsItems","ids","rootItem","results","selectKbItemsCss","CSS_BUNDLES","SYSTEM_SEARCH_ICON","getIconPath","category","colorType","VIEW_AS_TREE_ID","VIEW_AS_LIST_ID","TOGGLE_CHECKBOXES_CHECKED_VALUE","GxIdeSelectKbItems","_GxIdeSelectKbItems__componentLocale","set","this","_GxIdeSelectKbItems_checkedNodesIds","_GxIdeSelectKbItems_chShortcutsEl","_GxIdeSelectKbItems_selectedNodesIds","_GxIdeSelectKbItems_shortcutsSrc","getAssetPath","_GxIdeSelectKbItems_updatedModelList","_GxIdeSelectKbItems_viewItemsAsModel","_GxIdeSelectKbItems_treeViewRenderEl","_GxIdeSelectKbItems_cancelHandler","cancelCallback","_GxIdeSelectKbItems_checkedItemsChangeHandler","async","e","checkedNodesIds","detail","__classPrivateFieldSet","__classPrivateFieldGet","checkedChanged","_GxIdeSelectKbItems_confirmHandler","confirmCallback","_GxIdeSelectKbItems_contextMenuHandler","itemContextMenuCallback","info","isSelected","find","updateItemsProperties","clientX","contextmenuEvent","clientY","selection","_GxIdeSelectKbItems_executeDialogAction","callback","_GxIdeSelectKbItems_patternSearchValueChangedHandler","event","searchPatternValue","_GxIdeSelectKbItems_renderActionButtons","h","dialogActions","map","action","class","part","onClick","call","disabled","loading","_GxIdeSelectKbItems_renderFooter","footer","cancel","select","_GxIdeSelectKbItems_selectedItemsChangeHandler","selectedNodesIds","selectionChanged","_GxIdeSelectKbItems_toggleAndSelectNodesInModelItems","selectedItemsIds","nodesToToggle","newItemsSelected","newItemsExpanded","_GxIdeSelectKbItems_updateViews","_GxIdeSelectKbItems_toggleCheckedNodesInModelItems","newItemsList","nodeVersionsListTreeModel","nodeListFlattenedTreeModel","_GxIdeSelectKbItems_viewItemsAsChangedHandler","selectedViewType","nodesVersionsViewType","_GxIdeSelectKbItems_toggleCheckboxesChangedHandler","toggleCheckboxes","watchNodeListHandler","componentWillLoad","Locale","getComponentStrings","el","value","main","tree","suspendShortcuts","suspend","updateSelection","render","Host","model","src","ref","htmlFor","onChange","checkedValue","onInput","placeholder","header","searchPatternPlaceholder","loaderTitle","loader","title","show","expandableButton","onItemContextmenu","onCheckedItemsChange","onSelectedItemsChange","multiSelection","filter","filterType"],"sources":["src/components/select-kb-items/helpers.tsx","src/components/select-kb-items/select-kb-items.scss?tag=gx-ide-select-kb-items&encapsulation=shadow","src/components/select-kb-items/select-kb-items.tsx"],"sourcesContent":["import { ItemNode, CheckboxType } from \"./select-kb-items\";\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\n\nexport const convertItemsNodeListToFlattenedTreeViewModel = (\n  itemsList: ItemNode[],\n  checkboxType: CheckboxType\n): TreeViewItemModel[] => {\n  const itemsListFlattenedTreeViewModel: TreeViewItemModel[] = [];\n\n  const processNode = (item: ItemNode) => {\n    const leaf = !item.nodes?.length;\n    const checkbox =\n      checkboxType === \"all\" ||\n      (checkboxType === \"custom\" && item.checkbox) ||\n      (checkboxType === \"leaf\" && leaf);\n    const metaData = JSON.stringify({\n      versionType: item.type\n    });\n    itemsListFlattenedTreeViewModel.push({\n      id: item.id.toString(),\n      metadata: metaData,\n      caption: item.name,\n      checked: item.checked,\n      checkbox: checkbox,\n      expanded: item.expanded,\n      startImgSrc: item.icon,\n      items: null,\n      leaf: leaf,\n      selected: item.selected\n    });\n\n    if (item.nodes) {\n      item.nodes.forEach(childNode => processNode(childNode));\n    }\n  };\n\n  itemsList.forEach(item => processNode(item));\n  return itemsListFlattenedTreeViewModel;\n};\n\nexport const convertItemsListToTreeViewModel = (\n  itemsList: ItemNode[],\n  checkboxType: CheckboxType\n): TreeViewItemModel[] => {\n  const itemsListTreeViewModel: TreeViewItemModel[] = [];\n  itemsList.forEach(item => {\n    const leaf = !item.nodes?.length;\n    const expanded = item.expanded;\n    const icon = item.icon;\n    const order = parseInt(item.id);\n    const checkbox =\n      checkboxType === \"all\" ||\n      (checkboxType === \"custom\" && item.checkbox) ||\n      (checkboxType === \"leaf\" && leaf);\n    const metaData = JSON.stringify({\n      versionType: item.type\n    });\n    itemsListTreeViewModel.push({\n      id: item.id.toString(),\n      metadata: metaData,\n      caption: item.name,\n      checkbox: checkbox,\n      checked: item.checked,\n      order: order,\n      selected: item.selected,\n      expanded: expanded,\n      startImgSrc: icon,\n      items: !leaf\n        ? convertItemsListToTreeViewModel(item.nodes, checkboxType)\n        : null,\n      leaf: leaf\n    });\n  });\n\n  return itemsListTreeViewModel;\n};\n\nconst findItemNode = (id: string, item: ItemNode): ItemNode | null => {\n  if (item.id === id) {\n    return item;\n  }\n\n  if (item.nodes) {\n    for (const itemNode of item.nodes) {\n      const result = findItemNode(id, itemNode);\n      if (result) {\n        return result;\n      }\n    }\n  }\n  return null;\n};\n\nfunction findItemInArray(itemsNodes: ItemNode[], id: string): ItemNode | null {\n  for (const item of itemsNodes) {\n    const result = findItemNode(id, item);\n    if (result) {\n      return result;\n    }\n  }\n  return null;\n}\nconst setAllLeafsCheckedFalse = (itemsList: ItemNode[]): ItemNode[] => {\n  const uncheck = (itemNode: ItemNode) => {\n    itemNode.checked = false;\n    if (itemNode.nodes?.length) {\n      itemNode.nodes.forEach(childNode => uncheck(childNode));\n    }\n  };\n\n  itemsList.forEach(item => uncheck(item));\n  return itemsList;\n};\n\nexport const unselectAllNodes = (itemsList: ItemNode[]) => {\n  const unselect = (itemNode: ItemNode) => {\n    itemNode.selected = false;\n    if (itemNode.nodes?.length) {\n      itemNode.nodes.forEach(childNode => unselect(childNode));\n    }\n  };\n\n  itemsList.forEach(item => unselect(item));\n};\n\nexport const checkItems = (\n  itemsList: ItemNode[],\n  idsChecked: string[]\n): ItemNode[] => {\n  setAllLeafsCheckedFalse(itemsList);\n  idsChecked.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.checked = true;\n    }\n  });\n\n  return itemsList;\n};\n\nexport const expandItems = (\n  itemsList: ItemNode[],\n  idsChecked: string[]\n): ItemNode[] => {\n  idsChecked.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.expanded = true;\n    }\n  });\n\n  return itemsList;\n};\n\nexport const selectItems = (\n  itemsList: ItemNode[],\n  idsSelected: string[]\n): ItemNode[] => {\n  idsSelected.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.selected = true;\n    }\n  });\n  return itemsList;\n};\n\nfunction searchInNode(item: ItemNode, id: string): string[] | null {\n  // If the current node is the searched node, we return an empty list (it has no parents in this branch)\n  if (item.id === id) {\n    return [];\n  }\n\n  // We traverse each child looking for the target node\n  if (item.nodes?.length) {\n    for (const node of item.nodes) {\n      const parents = searchInNode(node, id);\n      if (parents !== null) {\n        // If we find it, we include the current node at the beginning of the path and return\n        return [item.id, ...parents];\n      }\n    }\n  }\n  return null;\n}\n\nexport const searchParentsItems = (\n  items: ItemNode[],\n  ids: string[]\n): string[] | null => {\n  const parents: string[] = [];\n  for (const id of ids) {\n    for (const rootItem of items) {\n      const results = searchInNode(rootItem, id);\n      if (results !== null) {\n        results.forEach(result => {\n          parents.push(result);\n        });\n      }\n    }\n  }\n  return parents;\n};\n",":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// header\n.view-mode__toggle-checkboxes {\n  grid-template-columns: max-content max-content;\n}\n.field__items-view-type {\n  align-items: center;\n  .label {\n    margin-block-start: 0 !important; // WA to center label with radio-group\n  }\n}\n.field__toggle-checkboxes {\n  .label {\n    margin-block-start: 0 !important; // WA to center label with radio-group\n  }\n}\n\n.trees {\n  position: relative;\n}\n\ngx-ide-loader {\n  --mer-surface__elevation--01: var(--mer-color__surface);\n}\n","import {\n  Component,\n  Element,\n  getAssetPath,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Method\n} from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n\nimport {\n  checkItems,\n  convertItemsListToTreeViewModel,\n  convertItemsNodeListToFlattenedTreeViewModel,\n  expandItems,\n  searchParentsItems,\n  selectItems,\n  unselectAllNodes\n} from \"./helpers\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { ContextMenuInfo } from \"../../common/types\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"chameleon/scrollbar\",\n  \"components/tooltip\",\n  \"components/tree-view\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\nconst SYSTEM_SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\n\nconst VIEW_AS_TREE_ID: NodesVersionsViewType = \"tree\";\nconst VIEW_AS_LIST_ID: NodesVersionsViewType = \"list\";\n\nconst TOGGLE_CHECKBOXES_CHECKED_VALUE = \"on\";\n\n@Component({\n  tag: \"gx-ide-select-kb-items\",\n  styleUrl: \"select-kb-items.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/select-kb-items\"]\n})\nexport class GxIdeSelectKbItems {\n  #_componentLocale: any;\n  #checkedNodesIds: string[] = [];\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #selectedNodesIds: string[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/select-kb-items/shortcuts.json`\n  );\n  #updatedModelList: ItemNode[] = [];\n\n  #viewItemsAsModel: RadioGroupItemModel[];\n\n  @Element() el: HTMLGxIdeSelectKbItemsElement;\n  #treeViewRenderEl: HTMLChTreeViewRenderElement;\n\n  /**\n   * Represents the nodes list model\n   */\n  @State() nodeListFlattenedTreeModel: TreeViewItemModel[] = [];\n\n  /**\n   * To show a loader when the component is loading\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * View type for the nodes.\n   */\n  @State() nodesVersionsViewType: NodesVersionsViewType = \"tree\";\n\n  /**\n   * Represents the nodes tree model\n   */\n  @State() nodeVersionsListTreeModel: TreeViewItemModel[] = [];\n\n  /**\n   * \"Search Pattern\" input value, used to filter the nodes tree/list.\n   */\n  @State() searchPatternValue: string = null;\n\n  /**\n   * It maps to the ch-tree-view-render \"toggleCheckboxes\" property.\n   */\n  @State() toggleCheckboxes: boolean = true;\n\n  /**\n   * Callback emitted when the 'cancel' button is pressed\n   */\n  @Prop() readonly cancelCallback?: () => Promise<void>;\n  /**\n   * Defines which nodes of the component have checkboxes.\n   */\n  @Prop() readonly checkboxType: CheckboxType;\n\n  /**\n   * Callback emitted when the items checked items change\n   */\n  @Prop() readonly checkedChanged?: (checkedItems: string[]) => Promise<void>;\n\n  /**\n   * Callback emitted when the 'select' button is pressed\n   */\n  @Prop() readonly confirmCallback?: (checkedItems: string[]) => Promise<void>;\n\n  /**\n   * Set of additional actions (callbacks) to those already provided by default by the selector (cancelCallback and selectCallback)\n   */\n  @Prop() readonly dialogActions: DialogAction[] = [];\n\n  /**\n   * Callback emitted when the user right click on an item\n   */\n  @Prop() readonly itemContextMenuCallback: (\n    info: ContextMenuInfo\n  ) => Promise<void>;\n\n  /**\n   * Represents the itemLis list model\n   */\n  @Prop() readonly itemsList: ItemNode[] = [];\n\n  @Watch(\"itemsList\")\n  watchNodeListHandler(newItemsList: ItemNode[]) {\n    if (newItemsList.length > 0) {\n      this.loading = false;\n    }\n    this.#updateViews(newItemsList);\n  }\n\n  /**\n   * This define if the selection is unique or not\n   */\n  @Prop() readonly multiSelection?: boolean = false;\n\n  /**\n   * Callback emitted when the items selection change\n   */\n  @Prop() readonly selectionChanged?: (selectedItem: string[]) => Promise<void>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#viewItemsAsModel = [\n      { value: VIEW_AS_TREE_ID, caption: this.#_componentLocale.main.tree },\n      { value: VIEW_AS_LIST_ID, caption: \"List\" }\n    ];\n    this.watchNodeListHandler(this.itemsList);\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Allow to update the selected items\n   */\n  @Method()\n  async updateSelection(selectedItemsIds: string[]) {\n    // first clear selected\n    this.#treeViewRenderEl.updateItemsProperties(this.#selectedNodesIds, {\n      selected: false\n    });\n    // then select\n    this.#treeViewRenderEl.updateItemsProperties(selectedItemsIds, {\n      selected: true\n    });\n  }\n\n  #cancelHandler = () => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  #checkedItemsChangeHandler = async (\n    e: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    const checkedNodesIds: string[] = [];\n    e.detail.forEach(node => {\n      node.item.checked && checkedNodesIds.push(node.item.id);\n    });\n    this.#checkedNodesIds = checkedNodesIds;\n    this.#updatedModelList = checkItems(this.itemsList, this.#checkedNodesIds);\n\n    if (this.checkedChanged) {\n      this.checkedChanged(this.#checkedNodesIds);\n    }\n  };\n\n  #confirmHandler = () => {\n    if (this.confirmCallback) {\n      this.confirmCallback(this.#checkedNodesIds);\n    }\n  };\n\n  #contextMenuHandler = async (\n    e: CustomEvent<{\n      id: string;\n      itemRef: HTMLChTreeViewItemElement;\n      metadata: string;\n      contextmenuEvent: PointerEvent;\n    }>\n  ) => {\n    if (this.itemContextMenuCallback) {\n      let info: ContextMenuInfo;\n      const isSelected = this.#selectedNodesIds.find(id => id === e.detail.id);\n      if (!this.#selectedNodesIds.length || !isSelected) {\n        await this.#treeViewRenderEl.updateItemsProperties(\n          this.#selectedNodesIds,\n          { selected: false }\n        );\n        await this.#treeViewRenderEl.updateItemsProperties([e.detail.id], {\n          selected: true\n        });\n        info = {\n          clientX: e.detail.contextmenuEvent.clientX,\n          clientY: e.detail.contextmenuEvent.clientY,\n          selection: [e.detail.id]\n        };\n      } else {\n        info = {\n          clientX: e.detail.contextmenuEvent.clientX,\n          clientY: e.detail.contextmenuEvent.clientY,\n          selection: this.#selectedNodesIds\n        };\n      }\n      this.itemContextMenuCallback(info);\n    }\n  };\n\n  #executeDialogAction = (\n    callback: (checkedNodesIds: string[], selectedNodesIds: string[]) => void\n  ) => {\n    return () => {\n      callback(this.#checkedNodesIds, this.#selectedNodesIds);\n    };\n  };\n\n  #patternSearchValueChangedHandler = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.searchPatternValue = event.detail.toString();\n  };\n\n  #renderActionButtons = (): HTMLElement[] => {\n    return (\n      <div>\n        {this.dialogActions.map(action => {\n          return (\n            <button\n              class={\"button-tertiary\"}\n              part={`button button-${action.name}`}\n              onClick={this.#executeDialogAction(action.callback)}\n              disabled={this.loading}\n            >\n              {action.name}\n            </button>\n          );\n        })}\n      </div>\n    );\n  };\n\n  #renderFooter = (): HTMLElement => {\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end control-footer-space-between\">\n        {this.#renderActionButtons()}\n        <div class=\"buttons-spacer \">\n          {this.cancelCallback && (\n            <button\n              class={\"button-secondary\"}\n              part={\"cancel-button\"}\n              onClick={this.#cancelHandler}\n              disabled={this.loading}\n            >\n              {this.#_componentLocale.footer.cancel}\n            </button>\n          )}\n          {this.confirmCallback && (\n            <button\n              class={\"button-primary\"}\n              part={\"confirm-button\"}\n              onClick={this.#confirmHandler}\n              disabled={this.loading}\n            >\n              {this.#_componentLocale.footer.select}\n            </button>\n          )}\n        </div>\n      </footer>\n    );\n  };\n\n  #selectedItemsChangeHandler = (\n    e: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    const selectedNodesIds: string[] = [];\n    unselectAllNodes(this.itemsList);\n    e.detail.forEach(node => {\n      selectedNodesIds.push(node.item.id);\n    });\n    this.#selectedNodesIds = selectedNodesIds;\n    if (this.selectionChanged) {\n      this.selectionChanged(this.#selectedNodesIds);\n    }\n\n    this.#updatedModelList = selectItems(this.itemsList, selectedNodesIds);\n  };\n\n  #toggleAndSelectNodesInModelItems = async (selectedItemsIds: string[]) => {\n    const nodesToToggle = searchParentsItems(this.itemsList, selectedItemsIds);\n    const newItemsSelected = selectItems(this.itemsList, selectedItemsIds);\n    const newItemsExpanded = expandItems(newItemsSelected, nodesToToggle);\n    this.#updateViews(newItemsExpanded);\n  };\n\n  #toggleCheckedNodesInModelItems = async (selectedItemsIds: string[]) => {\n    const nodesToToggle = searchParentsItems(this.itemsList, selectedItemsIds);\n    const newItemsExpanded = expandItems(this.itemsList, nodesToToggle);\n    this.#updateViews(newItemsExpanded);\n  };\n\n  #updateViews = (newItemsList: ItemNode[]) => {\n    this.nodeVersionsListTreeModel = convertItemsListToTreeViewModel(\n      newItemsList,\n      this.checkboxType\n    );\n\n    this.nodeListFlattenedTreeModel =\n      convertItemsNodeListToFlattenedTreeViewModel(\n        newItemsList,\n        this.checkboxType\n      );\n  };\n\n  #viewItemsAsChangedHandler = async (event: CustomEvent<string>) => {\n    const selectedViewType = event.detail as NodesVersionsViewType;\n    this.nodesVersionsViewType = selectedViewType;\n    if (this.nodesVersionsViewType === \"tree\") {\n      await this.#toggleAndSelectNodesInModelItems(this.#selectedNodesIds);\n      await this.#toggleCheckedNodesInModelItems(this.#checkedNodesIds);\n    }\n    this.#updateViews(this.#updatedModelList);\n  };\n\n  #toggleCheckboxesChangedHandler = (\n    event: ChCheckboxCustomEvent<string> | InputEvent\n  ) => {\n    this.toggleCheckboxes = event.detail === TOGGLE_CHECKBOXES_CHECKED_VALUE;\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"control-header field-group spacing-body-block-start spacing-body-inline\">\n            <div class=\"field-group view-mode__toggle-checkboxes\">\n              <div class=\"field field-inline field__items-view-type\">\n                <label class=\"label\" htmlFor=\"view-mode\">\n                  Select view mode:\n                </label>\n                <ch-radio-group-render\n                  class=\"radio-group\"\n                  id=\"view-mode\"\n                  model={this.#viewItemsAsModel}\n                  onChange={this.#viewItemsAsChangedHandler}\n                  value={this.#viewItemsAsModel[0].value}\n                ></ch-radio-group-render>\n              </div>\n\n              {this.checkboxType !== \"none\" && (\n                <div class=\"field field-inline field__toggle-checkboxes\">\n                  <label class=\"label\" htmlFor=\"toggle-checkboxes\">\n                    Toggle Checkboxes\n                  </label>\n                  <ch-checkbox\n                    class=\"checkbox\"\n                    id=\"toggle-checkboxes\"\n                    checkedValue={TOGGLE_CHECKBOXES_CHECKED_VALUE}\n                    value={TOGGLE_CHECKBOXES_CHECKED_VALUE}\n                    onInput={this.#toggleCheckboxesChangedHandler}\n                  ></ch-checkbox>\n                </div>\n              )}\n            </div>\n\n            <ch-edit\n              class=\"input pattern-filter\"\n              placeholder={\n                this.#_componentLocale.header.searchPatternPlaceholder\n              }\n              startImgSrc={SYSTEM_SEARCH_ICON}\n              onInput={this.#patternSearchValueChangedHandler}\n            ></ch-edit>\n          </header>\n\n          <div class=\"spacing-body-inline-start trees\">\n            {this.loading ? (\n              <gx-ide-loader\n                loaderTitle={this.#_componentLocale.loader.title}\n                show\n                class=\"loader\"\n              ></gx-ide-loader>\n            ) : (\n              <ch-tree-view-render\n                class=\"tree-view\"\n                model={\n                  this.nodesVersionsViewType === \"tree\"\n                    ? this.nodeVersionsListTreeModel\n                    : this.nodeListFlattenedTreeModel\n                }\n                show-lines={\n                  this.nodesVersionsViewType === \"tree\" ? \"all\" : \"none\"\n                }\n                expandableButton={\n                  this.nodesVersionsViewType === \"tree\" ? \"decorative\" : \"no\"\n                }\n                onItemContextmenu={this.#contextMenuHandler}\n                onCheckedItemsChange={this.#checkedItemsChangeHandler}\n                onSelectedItemsChange={this.#selectedItemsChangeHandler}\n                multiSelection={this.multiSelection}\n                filter={this.searchPatternValue}\n                filterType=\"caption\"\n                toggleCheckboxes={this.toggleCheckboxes}\n                ref={(el: HTMLChTreeViewRenderElement) => {\n                  this.#treeViewRenderEl = el as HTMLChTreeViewRenderElement;\n                }}\n              ></ch-tree-view-render>\n            )}\n          </div>\n          {(this.dialogActions.length > 0 ||\n            this.cancelCallback ||\n            this.confirmCallback) &&\n            this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type CheckboxType = \"none\" | \"all\" | \"leaf\" | \"custom\";\n\nexport type DialogAction = {\n  name: string;\n  callback: DialogActionCallback;\n};\n\nexport type DialogActionCallback = (...args: any[]) => void;\n\nexport type ItemCommon = {\n  icon: string;\n  expanded: boolean;\n};\n\nexport type ItemNode = {\n  checkbox?: boolean;\n  checked?: boolean;\n  expanded?: boolean;\n  icon?: string;\n  id: string;\n  name: string;\n  nodes?: ItemNode[];\n  selected?: boolean;\n  type: ItemType;\n};\n\nexport type ItemType = {\n  id: string;\n  name: string;\n};\n\ntype NodesVersionsViewType = \"tree\" | \"list\";\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["ideLoaderCss","CSS_BUNDLES","IdeLoader","_IdeLoader_timeoutReference","set","this","_IdeLoader_cancelProcess","cancelCallback","clearTimeout","__classPrivateFieldGet","show","_IdeLoader_renderCancelButton","cancelLabel","h","class","type","onClick","_IdeLoader_renderDescription","description","_IdeLoader_renderTitle","loaderTitle","render","Host","model","showWrapper","part","popover","call"],"sources":["src/components/_helpers/ide-loader/ide-loader.scss?tag=gx-ide-loader&encapsulation=shadow","src/components/_helpers/ide-loader/ide-loader.tsx"],"sourcesContent":[".loader {\n  &__wrapper {\n    position: absolute;\n    border: none;\n    opacity: 0;\n    transition: var(--show-transition) opacity;\n    inline-size: 100%;\n    block-size: 100%;\n    display: flex;\n    background-color: var(\n      --elevation-background-color,\n      var(--mer-surface__elevation--01)\n    );\n    backdrop-filter: var(--gxg-ide-loader-wrapper__backdrop-filter);\n    padding: var(--gxg-ide-loader-wrapper__padding);\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    color: var(--gxg-ide-loader-wrapper__color);\n    z-index: 99; // WA to prevent tree-view chevron arrow to appear above.\n    animation: fadeIn var(--mer-timing--fast) forwards;\n\n    &--visible {\n      opacity: 1;\n    }\n  }\n  &__spinner {\n    border: var(--gxg-ide-loader-spinner__border);\n    border-block-start: var(--gxg-ide-loader-spinner__border-top);\n    border-radius: 50%;\n    animation: spinner 0.6s infinite linear;\n    inline-size: var(--gxg-ide-loader-spinner__width);\n    block-size: var(--gxg-ide-loader-spinner__width);\n    flex-shrink: 0;\n    opacity: 1;\n  }\n\n  &__content-wrapper {\n    display: flex;\n    text-align: center;\n    flex-direction: column;\n    margin-block-start: var(--gxg-ide-loader-content-wrapper__mbs);\n    gap: var(--mer-spacing--xs);\n    max-block-size: var(--gxg-ide-loader-content-wrapper__max-width);\n    &--hidden {\n      display: none;\n    }\n    opacity: 1;\n  }\n\n  &__cancel-button {\n    margin-block-start: var(--mer-spacing--xs);\n  }\n}\n\n/*background color animation*/\n@keyframes wrapper {\n  0% {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--from);\n  }\n  100% {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--to);\n  }\n}\n@keyframes spinner {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n}\n\n:host([display-border]) {\n  .loader {\n    &__wrapper {\n      border: 1px solid var(--mer-color__elevation--02);\n    }\n  }\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"utils/typography\"\n];\n@Component({\n  tag: \"gx-ide-loader\",\n  styleUrl: \"ide-loader.scss\",\n  shadow: true\n})\nexport class IdeLoader {\n  #timeoutReference: ReturnType<typeof setTimeout>;\n\n  /**\n   * shows the '.loader-wrapper'\n   */\n  @State() showWrapper = true;\n\n  /**\n   * The time the loader will await before abort.\n   */\n  @Prop() readonly abortTime: number = 5 * 60 * 1000; // 5 minutes\n\n  /**\n   * The cancel callback\n   */\n  @Prop() readonly cancelCallback: IdeLoaderCancelCallback;\n\n  /**\n   * The cancel button label (optional)\n   */\n  @Prop() readonly cancelLabel: string;\n\n  /**\n   * The loader description (optional)\n   */\n  @Prop() readonly description: string;\n\n  /**\n   * Displays a border all around\n   */\n  @Prop({ reflect: true }) readonly displayBorder: boolean = false;\n\n  /**\n   * The loader title (optional)\n   */\n  @Prop() readonly loaderTitle: string;\n\n  /**\n   * It shows the loader\n   */\n  @Prop({ mutable: true }) show = false;\n\n  /**\n   * This event is emitted when \"show\" is false.\n   */\n  @Event() loaderFinished: EventEmitter<void>;\n\n  #cancelProcess = (): void => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n    clearTimeout(this.#timeoutReference);\n    this.show = false;\n  };\n\n  #renderCancelButton = (): HTMLButtonElement | null =>\n    this.cancelLabel && (\n      <div>\n        <button\n          class=\"button-secondary loader__cancel-button\"\n          type=\"button\"\n          onClick={this.#cancelProcess}\n        >\n          {this.cancelLabel}\n        </button>\n      </div>\n    );\n\n  #renderDescription = (): HTMLParagraphElement | null =>\n    this.description && <p class=\"body-regular-italic-s\">{this.description}</p>;\n\n  #renderTitle = (): HTMLParagraphElement | null =>\n    this.loaderTitle && <p class=\"body-regular-l\">{this.loaderTitle}</p>;\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.show && (\n          <div\n            class={{\n              [`loader__wrapper`]: true,\n              \"loader__wrapper--visible\": this.showWrapper\n            }}\n            part=\"loader-wrapper\"\n            popover=\"\"\n          >\n            <div class=\"loader__spinner\"></div>\n            <div\n              class={{\n                \"loader__content-wrapper\": true,\n                \"loader__content-wrapper--hidden\":\n                  !this.description && !this.loaderTitle && !this.cancelLabel\n              }}\n            >\n              {this.#renderTitle()}\n              {this.#renderDescription()}\n              {this.#renderCancelButton()}\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type IdeLoaderCancelCallback = () => void;\n"],"mappings":";;AAAA,MAAMA,IAAe;;;;;;;;;;ACYrB,MAAMC,IAA8B,EAClC,qBACA,qBACA;;MAOWC,IAAS;;;;IACpBC,EAAAC,IAAAC,WAAA;IA+CAC,EAAAF,IAAAC,OAAiB;MACf,IAAIA,KAAKE,gBAAgB;QACvBF,KAAKE;;MAEPC,aAAaC,EAAAJ,MAAIF,GAAA;MACjBE,KAAKK,OAAO;AAAK;IAGnBC,EAAAP,IAAAC,OAAsB,MACpBA,KAAKO,eACHC,EAAA,aACEA,EAAA;MACEC,OAAM;MACNC,MAAK;MACLC,SAASP,EAAAJ,MAAIC,GAAA;OAEZD,KAAKO;IAKdK,EAAAb,IAAAC,OAAqB,MACnBA,KAAKa,eAAeL,EAAA;MAAGC,OAAM;OAAyBT,KAAKa;IAE7DC,EAAAf,IAAAC,OAAe,MACbA,KAAKe,eAAeP,EAAA;MAAGC,OAAM;OAAkBT,KAAKe;uBAnE/B;qBAKc,IAAI,KAAK;;;;yBAoBa;;gBAU3B;;EAkChC,MAAAC;IACE,OACER,EAACS,GAAI,MACHT,EAAA;MAAUU,OAAOtB;QAChBI,KAAKK,QACJG,EAAA;MACEC,OAAO;QACL,CAAC,oBAAoB;QACrB,4BAA4BT,KAAKmB;;MAEnCC,MAAK;MACLC,SAAQ;OAERb,EAAA;MAAKC,OAAM;QACXD,EAAA;MACEC,OAAO;QACL,2BAA2B;QAC3B,oCACGT,KAAKa,gBAAgBb,KAAKe,gBAAgBf,KAAKO;;OAGnDH,EAAAJ,MAAIc,GAAA,KAAaQ,KAAjBtB,OACAI,EAAAJ,MAAIY,GAAA,KAAmBU,KAAvBtB,OACAI,EAAAJ,MAAIM,GAAA,KAAoBgB,KAAxBtB"}