@genexus/genexus-ide-ui 2.1.2 → 2.1.3

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

@@ -1 +0,0 @@
-{"version":3,"names":["mapStylesToComboBoxItemModel","styles","map","style","value","id","caption","label","name","TAB_DATA","layout","slot","code","tokens","composition","TAB_MODEL","panels","stencils","images","fonts","designSystem","DESIGN_TYPE_TO_TAB_MODEL_MAP","Map","designImportCss","DESIGN_DATA_TYPE_PANELS","DESIGN_DATA_TYPE_STENCILS","DESIGN_DATA_TYPE_IMAGES","DESIGN_DATA_TYPE_DESIGN_SYSTEM","DESIGN_DATA_TYPE_FONTS","ITEM_COMPOSE_ID_SEPARATOR","CHECKED_VALUE","MENU_DELETE","getIconPath","category","colorType","DESIGN","FILE_UPLOAD","WEBPANEL_ICON","PANEL_FOR_SD_ICON","CSS_BUNDLES","GxIdeImportFromDesign","_GxIdeImportFromDesign_componentLocale","set","this","_GxIdeImportFromDesign_loadedItems","_GxIdeImportFromDesign_emptyStateAnimated","_GxIdeImportFromDesign_formattedExtensions","_GxIdeImportFromDesign_objectTreeCheckedStatus","all","none","_GxIdeImportFromDesign_accessTokenEl","_GxIdeImportFromDesign_importAsWebPanelsEl","_GxIdeImportFromDesign_moduleEl","_GxIdeImportFromDesign_messagesList","_GxIdeImportFromDesign_panelsSelected","_GxIdeImportFromDesign_stencilsSelected","_GxIdeImportFromDesign_imagesSelected","_GxIdeImportFromDesign_fontsSelected","_GxIdeImportFromDesign_fileInputHiddenEl","_GxIdeImportFromDesign_pathEl","_GxIdeImportFromDesign_countDesignDataItems","tree","count","countItemsRecursively","designItemsArray","designItem","variants","Array","isArray","_GxIdeImportFromDesign_warningTreeItem","leaf","startImgSrc","order","checkbox","disabled","_GxIdeImportFromDesign_initializeActiveTabs","activeTabs","_GxIdeImportFromDesign_evaluateAccessTokenRender","async","requiresAccessToken","requiresAccessTokenCallback","path","accessToken","length","accessTokenHasError","_GxIdeImportFromDesign_pathURLBlurHandler","loadDataCondition1","isLoaded","reactiveSettings","pathIsValid","lastLoadCallbackSettingValues","loadDataCondition2","__classPrivateFieldGet","_GxIdeImportFromDesign_loadData","call","_GxIdeImportFromDesign_objectsTreeSelectedItemsChangedHandler","event","detail","item","_a","itemComposedId","idList","split","itemId","itemDesignType","isChildNode","isDesignSystem","tabsModel","get","selectedDesignType","loadedItem","_GxIdeImportFromDesign_getLoadedItem","designDataDetail","_GxIdeImportFromDesign_getDesignDataDetail","designType","selectedDesignItem","_GxIdeImportFromDesign_instances","_GxIdeImportFromDesign_getCodeFactory","_GxIdeImportFromDesign_renderDetailDataTree","renderedTabs","clear","add","_GxIdeImportFromDesign_validatePath","validPathRegex","figmaURLRegex","urlWithExtensionRegex","test","_GxIdeImportFromDesign_objectsTreeCheckedItemsChangedHandler","items","from","values","currentParentId","result","startsWith","checked","parentId","push","__classPrivateFieldSet","_GxIdeImportFromDesign_selectFileHandler","click","_GxIdeImportFromDesign_styleComboBoxInputHandler","styleValue","target","_GxIdeImportFromDesign_moduleInputHandler","module","defaultModule","isLoading","source","selectedFile","token","undefined","importAsWebPanels","designData","loadCallback","_GxIdeImportFromDesign_messageCallback","messages","success","firstDesignSystemName","_b","moduleId","message","loadFn","loadImageCallback","loadDesignSystemCallback","loadFontCallback","loadPanelDataCallback","returnedData","then","data","_GxIdeImportFromDesign_evaluateDesignItemsChecked","designItemsData","selectedItems","itemsToImport","totalItemsInTree","selectedItemsLength","_GxIdeImportFromDesign_confirm","panelsToImport","stencilsToImport","imagesToImport","fontsToImport","confirmCallback","styleName","_GxIdeImportFromDesign_cancel","cancelCallback","_GxIdeImportFromDesign_fitImagesHandler","fitImages","_GxIdeImportFromDesign_getPanelsSelectedItem","reduce","minIndex","index","_GxIdeImportFromDesign_importAsWebPanelsChangedHandler","loadData","_GxIdeImportFromDesign_removeFileSelection","_GxIdeImportFromDesign_selectFileInputChangedHandler","files","_GxIdeImportFromDesign_accessFocusHandler","element","type","_GxIdeImportFromDesign_accessBlurHandler","accessTokenChanged","_GxIdeImportFromDesign_pathUrlInputHandler","_GxIdeImportFromDesign_renderHeader","primaryButtonDisabled","clearFileButtonDisabled","stylesComboDisabled","moduleDisabled","pathWithErrorStyles","displayPathErrorTooltip","fitImagesIsDisabled","designDataTreeDataModel","primaryButtonCaption","header","btnReload","btnLoad","selectFileButton","h","class","input","debounce","config","inputDebounce","part","onInput","onBlur","placeholder","pathPlaceholder","ref","el","actionElement","blockAlign","tooltipSettings","inlineAlign","delay","pathErrorMessage","hidden","accept","onChange","removeFileSelection","title","onClick","src","accessTokenPlaceholder","onFocus","accessTokenErrorMessage","suggest","suggestOptions","alreadyProcessed","model","stylesAsComboBoxModel","labelPosition","defaultValue","selectEntityCallback","selectModuleCallback","onValueChanged","importAs","checkedValue","_GxIdeImportFromDesign_renderMessages","text","_GxIdeImportFromDesign_renderMain","_GxIdeImportFromDesign_renderDesignTree","_GxIdeImportFromDesign_renderDesignTabsCh","stateIconSrc","isAnimated","stateTitle","noDesignSelected","key","selectDesign","showLines","dragDisabled","dropDisabled","expandableButton","expandOnClick","toggleCheckboxes","onCheckedItemsChange","onSelectedItemsChange","_GxIdeImportFromDesign_renderFooter","buttonOkDisabled","footer","btnCancel","btnOk","_GxIdeImportFromDesign_evaluatePanelPreview","preview","alt","noPanelPreviewAvailable","_GxIdeImportFromDesign_renderPanelTab","renderControlsTree","detailTreeModel","_GxIdeImportFromDesign_renderImageTab","height","_GxIdeImportFromDesign_tabSelectionChangedHandler","newSelectedId","reRenderCounter","tab","scrollable","tabListPosition","selectedId","overflow","contain","onSelectedItemChange","display","has","Set","pathIsValidChanged","designDataChanged","newDesignData","panelsSelectedItem","isForWeb","panelsIconSrc","imagesIconSrc","webPanels","expanded","_GxIdeImportFromDesign_recursiveDesignTreeItems","warning","pathChanged","newPath","fileIsLoaded","size","validatePathResult","newAccessToken","trim","stylesChanged","newStyles","componentWillLoad","Locale","getComponentStrings","extensions","ext","join","watchMessagesHandler","newValue","oldValue","scrollTop","scrollHeight","render","Host","iconSrc","selectedIndex","i","hasVariants","itemWithWarning","isLeaf","selected","_GxIdeImportFromDesign_loadTreeItemCompositionModel","controls","modelList","control","Object","assign","textEditorFactoryCallback"],"sources":["src/components/design-import/helpers.ts","src/components/design-import/models.ts","src/components/design-import/design-import.scss?tag=gx-ide-design-import&encapsulation=shadow","src/components/design-import/design-import.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../../common/types\";\n\nexport const mapStylesToComboBoxItemModel = (\n  styles: GxOption[]\n): ComboBoxModel =>\n  styles?.map(style => ({\n    value: style.id,\n    caption: style.label || style.name\n  }));\n","import { TabModel } from \"@genexus/chameleon-controls-library\";\nimport { DesignType } from \"./design-import\";\n\nexport const TAB_DATA: { [key in TAB_SELECTOR]: TabData } = {\n  layout: { id: \"layout\", caption: \"Layout\", slot: \"layout\" },\n  code: { id: \"code\", caption: \"Code\", slot: \"code\" },\n  tokens: { id: \"tokens\", caption: \"Tokens\", slot: \"tokens\" },\n  styles: { id: \"styles\", caption: \"Styles\", slot: \"styles\" },\n  composition: {\n    id: \"composition\",\n    caption: \"Composition\",\n    slot: \"composition\"\n  }\n};\n\nexport const TAB_MODEL: TabDataModel = {\n  panels: [\n    {\n      id: TAB_DATA.composition.id,\n      name: TAB_DATA.composition.caption\n    },\n    {\n      id: TAB_DATA.layout.id,\n      name: TAB_DATA.layout.caption\n    },\n    {\n      id: TAB_DATA.code.id,\n      name: TAB_DATA.code.caption\n    }\n  ],\n  stencils: [\n    {\n      id: TAB_DATA.composition.id,\n      name: TAB_DATA.composition.caption\n    },\n    {\n      id: TAB_DATA.layout.id,\n      name: TAB_DATA.layout.caption\n    },\n    {\n      id: TAB_DATA.code.id,\n      name: TAB_DATA.code.caption\n    }\n  ],\n  images: [\n    {\n      id: TAB_DATA.composition.id,\n      name: TAB_DATA.composition.caption\n    }\n  ],\n  fonts: [\n    {\n      id: TAB_DATA.composition.id,\n      name: TAB_DATA.composition.caption\n    }\n  ],\n  designSystem: [\n    {\n      id: TAB_DATA.tokens.id,\n      name: TAB_DATA.tokens.caption\n    },\n    {\n      id: TAB_DATA.styles.id,\n      name: TAB_DATA.styles.caption\n    }\n  ]\n};\n\nexport type TabDataModel = {\n  panels: TabModel;\n  stencils: TabModel;\n  images: TabModel;\n  fonts: TabModel;\n  designSystem: TabModel;\n};\n\ntype TabData = {\n  id: TAB_SELECTOR;\n  caption: string;\n  slot: TAB_SELECTOR;\n};\n\nexport type TAB_SELECTOR =\n  | \"layout\"\n  | \"code\"\n  | \"tokens\"\n  | \"styles\"\n  | \"composition\";\n\nexport const DESIGN_TYPE_TO_TAB_MODEL_MAP = new Map<DesignType, TabModel>([\n  [\"panels\", TAB_MODEL.panels],\n  [\"stencils\", TAB_MODEL.stencils],\n  [\"images\", TAB_MODEL.images],\n  [\"design_system\", TAB_MODEL.designSystem],\n  [\"fonts\", TAB_MODEL.fonts]\n]);\n","@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../global/gx-ide-common.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - - - -\n// Header\n// - - - - - - - - - - - - -\n\n.header {\n  display: grid;\n  grid-auto-rows: max-content;\n  // 88px is the inline-size of the largest label (Access Token) that is not always visible.\n  // Setting 88px as the minimum inline size prevents an undesired difference when Access Token\n  // is visible. This fix has been made for english only. The value should work with .ja and .zh also.\n  grid-template-columns: minmax(88px, max-content) 1fr !important;\n\n  &--show-access-token {\n    grid-template-areas:\n      \"path-url-label path-url-wrapper\"\n      \"access-token-label access-token\"\n      \"style-label style\"\n      \"module-label module\"\n      \"checkboxes-options checkboxes-options\";\n  }\n  &--hide-access-token {\n    grid-template-areas:\n      \"path-url-label path-url-wrapper\"\n      \"style-label style\"\n      \"module-label module\"\n      \"checkboxes-options checkboxes-options\";\n  }\n}\n// path url\n.path-url-wrapper {\n  grid-template-columns: 1fr max-content;\n}\n.path-url-label {\n  grid-area: path-url-label;\n}\n.path-url-control {\n  flex-grow: 1;\n}\n.select-load-button {\n  min-inline-size: 80px;\n}\n// access token\n.access-token-label {\n  grid-area: access-token-label;\n}\n.access-token {\n  grid-area: access-token;\n}\n// style\n.style-label {\n  grid-area: style-label;\n}\n.style {\n  grid-area: style;\n}\n// module\n.module-label {\n  grid-area: module-label;\n}\n.module {\n  grid-area: module;\n}\n// checkboxes options\n.checkboxes-options {\n  grid-area: checkboxes-options;\n  grid-template-columns: max-content max-content;\n  justify-content: space-between;\n}\n\n// - - - - - - - - - - - - -\n// Main\n// - - - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 250px 1fr;\n  block-size: 100%;\n  overflow: auto;\n\n  &--loading {\n    grid-template-columns: 1fr;\n  }\n}\n\n.panel-tab {\n  block-size: 100%;\n  display: grid;\n  grid-template-columns: 1fr 300px;\n\n  .panel-item {\n    overflow: auto;\n  }\n}\n.panel-tab:has(> :only-child) {\n  grid-template-columns: 1fr;\n}\n\n.tree-view {\n  padding-block: 4px;\n}\n\n.tree-view-panel-item {\n  border-inline-start: var(--section-common-border);\n}\n\n.checker-board {\n  --white-square-color: #fff1;\n  --black-square-color: #0000;\n  background:\n    linear-gradient(\n      45deg,\n      var(--white-square-color) 25%,\n      var(--black-square-color) 25%\n    ),\n    linear-gradient(\n      -45deg,\n      var(--white-square-color) 25%,\n      var(--black-square-color) 25%\n    ),\n    linear-gradient(\n      45deg,\n      var(--black-square-color) 75%,\n      var(--white-square-color) 75%\n    ),\n    linear-gradient(\n      -45deg,\n      var(--black-square-color) 75%,\n      var(--white-square-color) 75%\n    );\n  background-size: 20px 20px;\n  background-position:\n    0 0,\n    0 10px,\n    10px -10px,\n    -10px 0px;\n}\n\n/*--- Tabs ---*/\n.tab {\n  border-width: 0 !important; // WA/TODO this should be a class on mercury\n}\n.tab.fit-images .composition-tab-slot {\n  font-size: 0; // WA to prevent scroll\n}\n.tab.fit-images img {\n  object-fit: scale-down;\n  object-position: left top;\n  max-height: 100%;\n}\n.tab--hidden {\n  display: none;\n}\n\n// - - - - - - - - - - - - -\n// Footer\n// - - - - - - - - - - - - -\n\n.button-cancel,\n.button-ok {\n  min-inline-size: 64px;\n}\n\n// - - - - - - - - - - - - -\n// Other\n// - - - - - - - - - - - - -\n\n.messages-slot-container {\n  block-size: 100%;\n}\n\n.composition-tab-slot {\n  block-size: 100%;\n  overflow: auto;\n}\n\n.empty-state {\n  overflow: auto;\n}\n.empty-state-button {\n  // WA (It looks more pleasing with a little bit less of gap)\n  transform: translateY(-12px);\n}\n\n// Messages Styles\n.messages-container {\n}\n.message {\n  animation: fadeIn var(--timing-fast) ease-in-out forwards;\n\n  &--info {\n    color: var(--color-text-neutral-strawberry);\n  }\n  &--warning {\n    color: var(--color-text-warning-default);\n  }\n  &--error {\n    color: var(--color-text-error-default);\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n","// Stencil\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n\n// Other Libraries\nimport {\n  ChCheckboxCustomEvent,\n  ChEditCustomEvent,\n  ComboBoxModel,\n  TabModel,\n  TreeViewItemModel\n} from \"@genexus/chameleon-controls-library\";\nimport { TreeViewItemModelExtended } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../common/config\";\nimport { mapStylesToComboBoxItemModel } from \"./helpers\";\nimport { Locale } from \"../../common/locale\";\nimport { EntityData, GxOption } from \"../../common/types\";\nimport { TAB_DATA, DESIGN_TYPE_TO_TAB_MODEL_MAP, TAB_MODEL } from \"./models\";\n\nconst DESIGN_DATA_TYPE_PANELS = \"panels\";\nconst DESIGN_DATA_TYPE_STENCILS = \"stencils\";\nconst DESIGN_DATA_TYPE_IMAGES = \"images\";\nconst DESIGN_DATA_TYPE_DESIGN_SYSTEM = \"design_system\";\nconst DESIGN_DATA_TYPE_FONTS = \"fonts\";\n\nconst ITEM_COMPOSE_ID_SEPARATOR = \"@@@\";\n\n// ch-checkbox\nconst CHECKED_VALUE = \"on\";\n\n// Icons\nconst MENU_DELETE = getIconPath({\n  category: \"menus\",\n  name: \"delete\",\n  colorType: \"primary\"\n});\nconst DESIGN = getIconPath({\n  category: \"objects\",\n  name: \"design\"\n});\nconst FILE_UPLOAD = getIconPath({\n  category: \"controls\",\n  name: \"file-upload\"\n});\n// For empty states\nconst WEBPANEL_ICON = getIconPath({\n  category: \"objects\",\n  name: \"webpanel\"\n});\nconst PANEL_FOR_SD_ICON = getIconPath({\n  category: \"objects\",\n  name: \"panel-for-sd\"\n});\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/edit\",\n  \"components/tree-view\",\n  \"components/combo-box\",\n  \"components/tab\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-design-import\",\n  styleUrl: \"design-import.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/design-import\"]\n})\nexport class GxIdeImportFromDesign {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  /**\n   * An array that keeps track of the tree items id's (design system data type\n   * + item id) along with the content, that will be used to save and retrieve\n   * items information, in order to avoid using a callback to get items\n   * information that was already get. loadedItemsArray will be reset every time\n   * a new design is loaded.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #loadedItems: Map<string, ItemLoadedInfo> = new Map();\n\n  #emptyStateAnimated: boolean = false;\n  #formattedExtensions: string;\n  #objectTreeCheckedStatus: ObjectTreeCheckedStatus = {\n    all: [],\n    none: [\"-\"]\n  };\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeDesignImportElement;\n\n  /* References needed to collect data */\n  #accessTokenEl!: HTMLChEditElement;\n  #importAsWebPanelsEl!: HTMLChCheckboxElement;\n  #moduleEl!: HTMLGxIdeEntitySelectorElement;\n  #messagesList: HTMLElement;\n  #panelsSelected: string[] = [];\n  #stencilsSelected: string[] = [];\n  #imagesSelected: string[] = [];\n  #fontsSelected: string[] = [];\n  #fileInputHiddenEl: HTMLInputElement;\n  #pathEl: HTMLChEditElement;\n\n  // Use to force a re-render\n  @State() reRenderCounter: number = 0;\n\n  // Maps to Chameleon Models:\n  @State() stylesAsComboBoxModel: ComboBoxModel;\n\n  // The current style value\n  @State() styleValue: string = \"\";\n\n  @State() accessTokenHasError: boolean = false;\n\n  @State() pathIsValid: boolean;\n  @Watch(\"pathIsValid\")\n  pathIsValidChanged(pathIsValid: boolean) {\n    if (pathIsValid) {\n      this.#evaluateAccessTokenRender();\n    } else {\n      // hide access token input if path is not valid\n      this.requiresAccessToken = false;\n    }\n  }\n\n  @State() tabsModel: TabModel = [];\n\n  @State() activeTabs: Map<DesignType, string> = new Map();\n\n  @State() renderedTabs: Set<string> = new Set();\n\n  /**\n   * The design data loaded from file\n   */\n  @State() designData: DesignData = null;\n  @Watch(\"designData\")\n  designDataChanged(newDesignData: DesignData) {\n    if (newDesignData) {\n      // panels\n      const panelsSelectedItem = this.#getPanelsSelectedItem(\n        this.designData.panels\n      );\n      const isForWeb = this.#importAsWebPanelsEl.value === CHECKED_VALUE;\n      const panelsIconSrc = isForWeb\n        ? \"objects/webpanel\"\n        : \"objects/panel-for-sd\";\n\n      // images\n      const imagesIconSrc = \"objects/image\";\n\n      this.designDataTreeDataModel = [\n        {\n          order: 0,\n          id: `parent${ITEM_COMPOSE_ID_SEPARATOR}${DESIGN_DATA_TYPE_PANELS}`,\n          leaf: false,\n          caption: isForWeb\n            ? this.#componentLocale.tree.webPanels\n            : this.#componentLocale.tree.panels,\n          startImgSrc: panelsIconSrc,\n          checkbox: true,\n          checked: true,\n          expanded: true,\n          items: this.#recursiveDesignTreeItems(\n            this.designData.panels,\n            DESIGN_DATA_TYPE_PANELS,\n            panelsIconSrc,\n            panelsSelectedItem\n          )\n        },\n        {\n          order: 1,\n          id: `parent${ITEM_COMPOSE_ID_SEPARATOR}${DESIGN_DATA_TYPE_STENCILS}`,\n          leaf: false,\n          caption: this.#componentLocale.tree.stencils,\n          startImgSrc: \"objects/stencil\",\n          checkbox: true,\n          checked: true,\n          expanded: true,\n          items: this.designData.stencils.map(item => ({\n            id: `${item.id}${ITEM_COMPOSE_ID_SEPARATOR}${DESIGN_DATA_TYPE_STENCILS}`,\n            class: \"object tree-view-item\",\n            leaf: !item.warning,\n            caption: item.name,\n            startImgSrc: \"objects/stencil\",\n            checkbox: true,\n            checked: true,\n            expanded: true,\n            items: item.warning && this.#warningTreeItem(item.warning)\n          }))\n        },\n        {\n          order: 2,\n          id: `parent${ITEM_COMPOSE_ID_SEPARATOR}${DESIGN_DATA_TYPE_IMAGES}`,\n          leaf: false,\n          caption: this.#componentLocale.tree.images,\n          startImgSrc: imagesIconSrc,\n          checkbox: true,\n          checked: true,\n          expanded: true,\n          items: this.#recursiveDesignTreeItems(\n            this.designData.images,\n            DESIGN_DATA_TYPE_IMAGES,\n            imagesIconSrc\n          )\n        },\n        {\n          order: 3,\n          id: `parent${ITEM_COMPOSE_ID_SEPARATOR}${DESIGN_DATA_TYPE_FONTS}`,\n          leaf: false,\n          caption: this.#componentLocale.tree.fonts,\n          startImgSrc: \"controls/font\",\n          checkbox: true,\n          checked: true,\n          expanded: true,\n          items: this.designData.fonts.map(item => ({\n            id: `${item.id}${ITEM_COMPOSE_ID_SEPARATOR}${DESIGN_DATA_TYPE_FONTS}`,\n            leaf: !item.warning,\n            caption: item.name,\n            startImgSrc: \"controls/font\",\n            checkbox: true,\n            checked: true,\n            expanded: true,\n            items: item.warning && this.#warningTreeItem(item.warning)\n          }))\n        },\n        {\n          order: 4,\n          id: `${\n            this.designData.designSystem.length > 0\n              ? this.designData.designSystem[0].id\n              : \"parent\"\n          }${ITEM_COMPOSE_ID_SEPARATOR}${DESIGN_DATA_TYPE_DESIGN_SYSTEM}`,\n          leaf: true,\n          caption: this.#componentLocale.tree.designSystem,\n          startImgSrc: \"objects/dso\",\n          checkbox: true,\n          checked: true\n        }\n      ];\n    }\n  }\n\n  /**\n   * The model data loaded into the detail tree\n   */\n  @State() detailTreeModel: TreeViewItemModel[] = [];\n\n  /**\n   * If the design data is loading or not, for disabled actions\n   */\n  @State() isLoading = false;\n\n  /**\n   * If the design data is loaded or not, for conditioning input file\n   */\n  @State() isLoaded = false;\n\n  /**\n   * The messages receive when the file is loading\n   */\n  @State() messages: MessageData[] = [];\n\n  /**\n   * The file selected for load the design data\n   */\n  @State() selectedFile: File;\n\n  /**\n   * The type of the design data selected for show it visual tabs\n   */\n  @State() selectedDesignType: DesignType;\n\n  /**\n   * The item of the design data selected for show its contents on visual tabs\n   */\n  @State() selectedDesignItem: any;\n\n  /**\n   * Whether to show or not the access token input field\n   */\n  @State() requiresAccessToken: boolean;\n\n  /**\n   * the design data tree view data model\n   */\n  @State() designDataTreeDataModel: TreeViewItemModel[] = [];\n\n  /**\n   * Used to trigger a re-render after an item has been selected on\n   * renderDesignTree, in order to set the first tab as the active tab\n   * (setFirstActiveTab()), since calling this method inside\n   * objectsTreeSelectedItemsChangedHandler does not always work without a\n   * setTimeOut.\n   */\n  @State() updateTabsActiveTab: boolean = false;\n\n  /**\n   * If true, images will be fitted in the container\n   */\n  @State() fitImages = false;\n\n  /**\n   * Represents a collection of settings where each key is a specific option. Its\n   * boolean value determines whether changes to that option are listened to and\n   * trigger the loadCallback callback.\n   */\n  @Prop() readonly reactiveSettings: ReactiveSettings = {\n    path: true,\n    style: false,\n    module: false,\n    importAsWebPanels: true\n  };\n\n  /**\n   * Used to keep track of the settings values since the last loadCallback.\n   * Used to know if loadCallback is required to be called again, when any\n   * of these values are changed.\n   */\n  @State() lastLoadCallbackSettingValues: ReactiveSettingsValues = {\n    path: undefined,\n    style: undefined,\n    moduleId: undefined,\n    importAsWebPanels: undefined\n  };\n\n  /**\n   * The valid extensions for the files that will be loaded in Path/URL\n   * (ie.: \".fig, .sketch\")\n   */\n  @Prop() readonly extensions!: string[];\n\n  /**\n   * Default value for the 'Module' field.\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * The path/URL for load the design data\n   */\n  @Prop({ mutable: true }) path: string = \"\";\n  @Watch(\"path\")\n  pathChanged(newPath: string) {\n    const fileIsLoaded = this.selectedFile?.size > 0;\n    const validatePathResult = this.#validatePath(newPath) || fileIsLoaded;\n    this.pathIsValid = validatePathResult;\n  }\n\n  /**\n   * The access token for the given path, which is not always required\n   */\n  @Prop({ mutable: true }) accessToken: string = \"\";\n  @Watch(\"accessToken\")\n  accessTokenChanged(newAccessToken: string) {\n    if (!newAccessToken.trim().length) {\n      this.accessTokenHasError = true;\n      return;\n    }\n    this.accessTokenHasError = false;\n    this.accessToken = newAccessToken;\n  }\n\n  /**\n   * The value for \"Import as Web Panels\" checkbox.\n   */\n  @Prop() readonly importAsWebPanels: boolean = false;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter.\n   * It returns the information of the selected object (id and name) or\n   * 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * This is a function provided by the developer that cancel the load operation.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * This is a function provided by the developer that initiates the process\n   * of importing a design.\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * This is a function provided by the developer that returns the list of\n   * data types loaded from a file or URL.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * This is a function provided by the developer that returns the information\n   * of a Design System type of data.\n   */\n  // eslint-disable-next-line prettier/prettier\n  @Prop() readonly loadDesignSystemCallback!: LoadDesignSystemCallback;\n\n  /**\n   * This is a function provided by the developer that returns the information\n   * of a Font type of data.\n   */\n  @Prop() readonly loadFontCallback!: LoadFontCallback;\n\n  /**\n   * This is a function provided by the developer that returns the information\n   * of an Image System type of data.\n   */\n  @Prop() readonly loadImageCallback!: LoadImageCallback;\n\n  /**\n   * This is a function provided by the developer that returns the information\n   * of a Panel type of data.\n   */\n  @Prop() readonly loadPanelDataCallback!: LoadPanelDataCallback;\n\n  /**\n   * Callback invoked to determine if accessing a design requires an authentication token.\n   */\n  @Prop() readonly requiresAccessTokenCallback!: RequiresAccessTokenCallback;\n\n  /**\n   * The styles render in the option style selector\n   */\n  @Prop() readonly styles!: GxOption[];\n  @Watch(\"styles\")\n  stylesChanged(newStyles: GxOption[]) {\n    this.stylesAsComboBoxModel = mapStylesToComboBoxItemModel(newStyles);\n  }\n\n  /**\n   * This is a function provided by the developer for create an instance of a text editor.\n   */\n  // eslint-disable-next-line prettier/prettier\n  @Prop() readonly textEditorFactoryCallback!: TextEditorFactoryCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#formattedExtensions = this.extensions\n      .map(ext => `.${ext}`)\n      .join(\", \");\n    this.stylesChanged(this.styles);\n    this.#initializeActiveTabs();\n    this.pathChanged(this.path);\n    this.styleValue =\n      this.stylesAsComboBoxModel?.length > 0\n        ? this.stylesAsComboBoxModel[0]?.value\n        : \"\";\n  }\n\n  @Watch(\"messages\")\n  watchMessagesHandler(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue) {\n      if (this.#messagesList) {\n        this.#messagesList.scrollTop = this.#messagesList.scrollHeight;\n      }\n    }\n  }\n\n  #countDesignDataItems = (tree: DesignItemData[]) => {\n    let count = 0;\n\n    function countItemsRecursively(designItemsArray: DesignItemData[]) {\n      for (const designItem of designItemsArray) {\n        count++;\n        if (designItem.variants && Array.isArray(designItem.variants)) {\n          countItemsRecursively(designItem.variants);\n        }\n      }\n    }\n\n    countItemsRecursively(tree);\n\n    return count;\n  };\n\n  #warningTreeItem = (caption: string) => {\n    return [\n      {\n        leaf: true,\n        caption: `Warning: ${caption}`,\n        startImgSrc: getIconPath({\n          category: \"system\",\n          name: \"warning\",\n          colorType: \"warning\"\n        }),\n        order: -1,\n        checkbox: false,\n        disabled: true\n      } as TreeViewItemModel\n    ];\n  };\n\n  #recursiveDesignTreeItems(\n    items: DesignItemData[],\n    designType: DesignType,\n    iconSrc: string,\n    selectedIndex: number = undefined\n  ): TreeViewItemModel[] {\n    return items.map((item, i) => {\n      const id = `${item.id}${ITEM_COMPOSE_ID_SEPARATOR}${designType}`;\n      const hasVariants = item.variants?.length > 0;\n      const itemWithWarning = item.warning\n        ? this.#warningTreeItem(item.warning)\n        : [];\n      const isLeaf = !hasVariants && !item.warning;\n\n      return {\n        id: id,\n        leaf: isLeaf,\n        caption: item.name,\n        startImgSrc: iconSrc,\n        checkbox: true,\n        checked: true,\n        expanded: !isLeaf,\n        selected: selectedIndex === i,\n        order: i,\n        items: [\n          ...itemWithWarning,\n          ...(hasVariants\n            ? this.#recursiveDesignTreeItems(item.variants, designType, iconSrc)\n            : [])\n        ]\n      };\n    });\n  }\n\n  #initializeActiveTabs = () => {\n    this.activeTabs.set(\"panels\", TAB_MODEL.panels[0].id);\n    this.activeTabs.set(\"stencils\", TAB_MODEL.stencils[0].id);\n    this.activeTabs.set(\"images\", TAB_MODEL.images[0].id);\n    this.activeTabs.set(\"fonts\", TAB_MODEL.fonts[0].id);\n    this.activeTabs.set(\"design_system\", TAB_MODEL.designSystem[0].id);\n  };\n\n  #evaluateAccessTokenRender = async () => {\n    this.requiresAccessToken = await this.requiresAccessTokenCallback(\n      this.path\n    );\n    // evaluate access token error\n    if (this.accessToken.length) {\n      this.accessTokenHasError = false;\n    }\n  };\n\n  #pathURLBlurHandler = async () => {\n    const loadDataCondition1 =\n      this.isLoaded &&\n      this.reactiveSettings.path &&\n      this.pathIsValid &&\n      this.path !== this.lastLoadCallbackSettingValues.path;\n    const loadDataCondition2 =\n      !this.requiresAccessToken ||\n      (this.requiresAccessToken && this.accessToken.length > 0);\n    if (loadDataCondition1 && loadDataCondition2) {\n      this.#loadData();\n    }\n  };\n\n  #loadTreeItemCompositionModel(\n    controls: DesignPanelControlData[]\n  ): TreeViewItemModel[] {\n    const modelList: TreeViewItemModel[] = [];\n    for (const control of controls) {\n      let model: TreeViewItemModel = {\n        id: control.name,\n        caption: control.name,\n        startImgSrc: control.type,\n        checkbox: false,\n        expanded: true,\n        leaf: control.leaf\n      };\n      if (control.controls) {\n        model = {\n          ...model,\n          items: this.#loadTreeItemCompositionModel(control.controls)\n        };\n      }\n      modelList.push(model);\n    }\n    return modelList;\n  }\n\n  #objectsTreeSelectedItemsChangedHandler = async (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    if (event.detail.length) {\n      const item = event.detail[0]?.item;\n      const itemComposedId = item.id;\n      const idList = itemComposedId.split(ITEM_COMPOSE_ID_SEPARATOR);\n      const itemId = idList[0];\n      const itemDesignType: DesignType = idList[1] as DesignType;\n      const isChildNode = itemId && itemId !== \"parent\";\n      const isDesignSystem = itemDesignType === \"design_system\";\n      if (isChildNode || isDesignSystem) {\n        this.tabsModel = DESIGN_TYPE_TO_TAB_MODEL_MAP.get(itemDesignType);\n        this.selectedDesignType = itemDesignType;\n        const loadedItem = this.#getLoadedItem(itemComposedId);\n        if (!loadedItem) {\n          const designDataDetail: DesignItemDataDetail =\n            await this.#getDesignDataDetail(itemId, this.selectedDesignType);\n          this.#loadedItems.set(itemComposedId, {\n            designType: this.selectedDesignType,\n            designDataDetail: designDataDetail\n          });\n        } else {\n          // Item has been queried already. The item content exists already.\n          this.selectedDesignType = loadedItem.designType;\n          this.selectedDesignItem = loadedItem.designDataDetail;\n          this.#getCodeFactory(loadedItem.designType);\n          this.#renderDetailDataTree(loadedItem.designType);\n        }\n        this.renderedTabs.clear();\n        this.renderedTabs.add(this.activeTabs.get(this.selectedDesignType));\n      }\n    }\n  };\n\n  #getLoadedItem = (id: string): ItemLoadedInfo | undefined => {\n    return this.#loadedItems?.get(id);\n  };\n\n  #validatePath = (path: string): boolean => {\n    const validPathRegex = /^(\\/|\\.\\/|(\\w:))[^:*?\"<>|]*\\.(sketch|gxsketch)$/i; // Match valid file paths\n    const figmaURLRegex = /^https?:\\/\\/(www\\.)?figma\\.com/; // Match URLs containing \"www.figma.com\"\n    const urlWithExtensionRegex =\n      /^https?:\\/\\/[^\\s/$.?#].[^\\s]*\\.(sketch|gxsketch)$/i; // Match URLs ending with .sketch or .gxsketch\n    const pathIsValid =\n      validPathRegex.test(path) ||\n      figmaURLRegex.test(path) ||\n      urlWithExtensionRegex.test(path);\n    return pathIsValid;\n  };\n\n  #objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    const items = Array.from(event.detail.values());\n    let currentParentId = null;\n    const result: { [key: string]: string[] } = {};\n\n    for (const item of items) {\n      if (item.item.id.startsWith(`parent${ITEM_COMPOSE_ID_SEPARATOR}`)) {\n        currentParentId = item.item.id.split(ITEM_COMPOSE_ID_SEPARATOR)[1];\n        result[currentParentId] = [];\n      } else if (item.item.checked && currentParentId) {\n        const parentId = item.item.id.split(ITEM_COMPOSE_ID_SEPARATOR)[1];\n        if (parentId === currentParentId) {\n          const id = item.item.id.split(ITEM_COMPOSE_ID_SEPARATOR)[0];\n          result[currentParentId].push(id);\n        }\n      }\n    }\n    // const { designSystem, fonts, images, panels, stencils } = result;\n    const { fonts, panels, stencils, images } = result;\n\n    // this.designSystemSelected = designSystem;\n    this.#panelsSelected = panels;\n    this.#stencilsSelected = stencils;\n    this.#imagesSelected = images;\n    this.#fontsSelected = fonts;\n  };\n\n  #selectFileHandler = (): void => {\n    this.#fileInputHiddenEl.click();\n  };\n\n  #styleComboBoxInputHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.styleValue = (event.target as HTMLChComboBoxRenderElement).value;\n    if (\n      this.reactiveSettings.style &&\n      this.styleValue !== this.lastLoadCallbackSettingValues.style\n    ) {\n      this.#loadData();\n    }\n  };\n\n  #moduleInputHandler = (event: CustomEvent<EntityData>) => {\n    if (\n      this.reactiveSettings.module &&\n      this.defaultModule.id !== event.detail.id &&\n      this.pathIsValid\n    ) {\n      this.#loadData();\n    }\n  };\n\n  #loadData = async (): Promise<void> => {\n    this.isLoading = true;\n    const source = this.selectedFile ? this.selectedFile : this.path;\n    const token = this.#accessTokenEl ? this.#accessTokenEl.value : undefined;\n    const style = this.styleValue;\n    const importAsWebPanels = this.#importAsWebPanelsEl.value === CHECKED_VALUE;\n    const designData: DesignData = await this.loadCallback(\n      source,\n      style,\n      importAsWebPanels,\n      token,\n      this.#messageCallback\n    );\n\n    // clear\n    this.#panelsSelected = [];\n    this.#stencilsSelected = [];\n    this.#fontsSelected = [];\n    this.selectedDesignType = undefined;\n    this.selectedDesignItem = undefined;\n    this.messages = [];\n\n    this.designData = designData;\n    this.isLoaded = designData?.success ?? false;\n    this.isLoading = false;\n\n    const firstDesignSystemName = designData.designSystem[0]?.name;\n    if (firstDesignSystemName && !this.styleValue) {\n      this.styleValue = firstDesignSystemName;\n    }\n\n    // update the settings that were used for the last load\n    if (this.reactiveSettings.path && this.pathIsValid) {\n      this.lastLoadCallbackSettingValues.path = this.path;\n    }\n    if (this.reactiveSettings.style) {\n      this.lastLoadCallbackSettingValues.style = style;\n    }\n    if (this.reactiveSettings.module) {\n      this.lastLoadCallbackSettingValues.moduleId = this.#moduleEl.value.id;\n    }\n    if (this.reactiveSettings.importAsWebPanels) {\n      this.lastLoadCallbackSettingValues.importAsWebPanels = importAsWebPanels;\n    }\n  };\n\n  #messageCallback: LoadMessageCallback = message => {\n    this.messages = [...this.messages, message];\n  };\n\n  #getDesignDataDetail = async (\n    id: string,\n    designType: DesignType\n  ): Promise<DesignItemDataDetail> => {\n    let loadFn:\n      | LoadPanelDataCallback\n      | LoadImageCallback\n      | LoadFontCallback\n      | LoadDesignSystemCallback;\n\n    switch (designType) {\n      case DESIGN_DATA_TYPE_IMAGES:\n        loadFn = this.loadImageCallback;\n        break;\n      case DESIGN_DATA_TYPE_DESIGN_SYSTEM:\n        loadFn = this.loadDesignSystemCallback;\n        break;\n      case DESIGN_DATA_TYPE_FONTS:\n        loadFn = this.loadFontCallback;\n        break;\n      case DESIGN_DATA_TYPE_PANELS:\n      case DESIGN_DATA_TYPE_STENCILS:\n        loadFn = this.loadPanelDataCallback;\n        break;\n    }\n\n    let returnedData: DesignItemDataDetail;\n    await loadFn(id).then((data: DesignItemDataDetail) => {\n      this.selectedDesignType = designType;\n      this.selectedDesignItem = data;\n      this.#getCodeFactory(designType);\n      this.#renderDetailDataTree(designType);\n      returnedData = data;\n    });\n\n    return returnedData;\n  };\n\n  #getCodeFactory(designType: string) {\n    switch (designType) {\n      case DESIGN_DATA_TYPE_PANELS:\n      case DESIGN_DATA_TYPE_STENCILS:\n        this.textEditorFactoryCallback(\n          \"code\",\n          TAB_DATA.code.slot,\n          this.selectedDesignItem.code\n        );\n        this.textEditorFactoryCallback(\n          \"html\",\n          TAB_DATA.layout.slot,\n          this.selectedDesignItem.layout\n        );\n        break;\n      case DESIGN_DATA_TYPE_DESIGN_SYSTEM:\n        this.textEditorFactoryCallback(\n          \"tokens\",\n          TAB_DATA.tokens.slot,\n          this.selectedDesignItem.tokens\n        );\n        this.textEditorFactoryCallback(\n          \"styles\",\n          TAB_DATA.styles.slot,\n          this.selectedDesignItem.styles\n        );\n        break;\n    }\n  }\n\n  #evaluateDesignItemsChecked = (\n    designItemsData: DesignItemData[],\n    selectedItems: string[]\n  ) => {\n    let itemsToImport: string[] = selectedItems;\n\n    const totalItemsInTree = this.#countDesignDataItems(designItemsData);\n    const selectedItemsLength = selectedItems.length;\n    if (totalItemsInTree === selectedItemsLength) {\n      itemsToImport = this.#objectTreeCheckedStatus.all;\n    } else if (selectedItemsLength === 0) {\n      itemsToImport = this.#objectTreeCheckedStatus.none;\n    }\n\n    return itemsToImport;\n  };\n\n  #confirm = (): void => {\n    const panelsToImport = this.#evaluateDesignItemsChecked(\n      this.designData.panels,\n      this.#panelsSelected\n    );\n    const stencilsToImport = this.#evaluateDesignItemsChecked(\n      this.designData.stencils,\n      this.#stencilsSelected\n    );\n    const imagesToImport = this.#evaluateDesignItemsChecked(\n      this.designData.images,\n      this.#imagesSelected\n    );\n    const fontsToImport = this.#evaluateDesignItemsChecked(\n      this.designData.fonts,\n      this.#fontsSelected\n    );\n\n    this.confirmCallback({\n      panels: panelsToImport,\n      stencils: stencilsToImport,\n      images: imagesToImport,\n      fonts: fontsToImport,\n      moduleId: this.#moduleEl?.value?.id,\n      styleName: this.styleValue,\n      importAsWebPanels: this.#importAsWebPanelsEl.value === CHECKED_VALUE\n    });\n  };\n\n  #cancel = (): void => {\n    this.cancelCallback();\n    this.isLoading = false;\n  };\n\n  #fitImagesHandler = (event: ChCheckboxCustomEvent<any> | InputEvent) => {\n    this.fitImages = event.detail === CHECKED_VALUE;\n  };\n\n  #getPanelsSelectedItem = (panels: DesignItemData[]): number => {\n    return panels.reduce((minIndex, item, index, panels) => {\n      return panels[minIndex].name <= item.name ? minIndex : index;\n    }, 0);\n  };\n\n  #importAsWebPanelsChangedHandler = () => {\n    const loadData =\n      this.reactiveSettings.importAsWebPanels && this.pathIsValid;\n    if (loadData) {\n      this.#loadData();\n    }\n  };\n\n  #removeFileSelection = () => {\n    this.selectedFile = null;\n    this.path = \"\";\n    this.accessToken = \"\";\n    this.selectedFile = null;\n    this.#fileInputHiddenEl.value = null;\n  };\n\n  #selectFileInputChangedHandler = (event: InputEvent) => {\n    const target = event.target as HTMLInputElement;\n    if (target.files?.length > 0) {\n      this.selectedFile = target.files[0];\n      this.path = this.selectedFile.name;\n      // we know the path is valid because the extensions are restricted by \"extensions\" Prop.\n    }\n  };\n\n  #accessFocusHandler = (event: ChEditCustomEvent<string> | FocusEvent) => {\n    const element = event.target as HTMLChEditElement;\n    element.type = \"text\"; // display token on focus\n  };\n\n  #accessBlurHandler = (event: ChEditCustomEvent<string> | FocusEvent) => {\n    const element = event.target as HTMLChEditElement;\n    element.type = \"password\"; // hide token on blur\n\n    this.accessTokenChanged(element.value);\n  };\n\n  #pathUrlInputHandler = async (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.path = event.detail as string;\n    this.#evaluateAccessTokenRender();\n    this.selectedFile = null;\n    if (!this.path.length) {\n      this.designData = null;\n    }\n  };\n\n  #renderHeader = (): Element => {\n    const primaryButtonDisabled =\n      this.isLoading ||\n      (this.pathIsValid &&\n        this.requiresAccessToken &&\n        this.accessToken.length === 0);\n    const clearFileButtonDisabled = this.isLoading || this.path.length === 0;\n    const stylesComboDisabled = this.isLoading;\n    const moduleDisabled = this.isLoading;\n    const pathWithErrorStyles = !this.pathIsValid && this.path.length > 0;\n    const displayPathErrorTooltip = !this.pathIsValid && this.path.length > 0;\n    const fitImagesIsDisabled =\n      this.isLoading ||\n      !this.designDataTreeDataModel.length ||\n      this.selectedDesignType === \"stencils\" ||\n      this.selectedDesignType === \"design_system\";\n\n    let primaryButtonCaption;\n    if (\n      this.pathIsValid &&\n      this.path === this.lastLoadCallbackSettingValues.path\n    ) {\n      primaryButtonCaption = this.#componentLocale.header.btnReload;\n    } else if (this.pathIsValid) {\n      primaryButtonCaption = this.#componentLocale.header.btnLoad;\n    } else {\n      primaryButtonCaption = this.#componentLocale.header.selectFileButton;\n    }\n\n    return (\n      <header\n        class={{\n          \"header\": true,\n          \"dialog-header-with-border\": true,\n          \"spacing-body-inline\": true,\n          \"spacing-body-block-start\": true,\n          \"header--show-access-token\": this.requiresAccessToken,\n          \"header--hide-access-token\": !this.requiresAccessToken,\n          \"field-group-justified-start\": true\n        }}\n      >\n        <label\n          // path/url label\n          class=\"label path-url-label\"\n        >\n          {this.#componentLocale.header.path}\n        </label>\n        <div class=\"path-url-wrapper buttons-spacer\">\n          <ch-edit\n            // path/url/file input\n            id=\"path-url\"\n            class={{\n              \"input\": true,\n              \"input-error\": pathWithErrorStyles,\n              \"path-url-control\": true\n            }}\n            debounce={config.inputDebounce}\n            part=\"option-path\"\n            type=\"text\"\n            value={this.path}\n            onInput={this.#pathUrlInputHandler}\n            onBlur={this.reactiveSettings.path && this.#pathURLBlurHandler}\n            disabled={this.isLoading}\n            placeholder={`${this.#componentLocale.header.pathPlaceholder}`}\n            startImgSrc={FILE_UPLOAD}\n            ref={(el: HTMLChEditElement) =>\n              (this.#pathEl = el as HTMLChEditElement)\n            }\n          ></ch-edit>\n          {displayPathErrorTooltip && (\n            <ch-tooltip\n              class=\"tooltip\"\n              actionElement={this.#pathEl as unknown as HTMLButtonElement}\n              blockAlign={config.tooltipSettings.blockAlign}\n              inlineAlign={config.tooltipSettings.inlineAlign}\n              delay={config.tooltipSettings.delay}\n            >\n              {this.#componentLocale.header.pathErrorMessage}{\" \"}\n              {this.#formattedExtensions}\n            </ch-tooltip>\n          )}\n\n          <input\n            hidden\n            type=\"file\"\n            accept={this.#formattedExtensions}\n            onChange={this.#selectFileInputChangedHandler}\n            ref={(el: HTMLInputElement) =>\n              (this.#fileInputHiddenEl = el as HTMLInputElement)\n            }\n          />\n\n          <div class=\"buttons-spacer\">\n            <button\n              // remove file selection\n              aria-label={this.#componentLocale.header.removeFileSelection}\n              title={this.#componentLocale.header.removeFileSelection}\n              id=\"reset-all-button\"\n              class=\"button-tertiary button-icon-only\"\n              part=\"reset-all-button\"\n              disabled={clearFileButtonDisabled}\n              onClick={!clearFileButtonDisabled && this.#removeFileSelection}\n            >\n              <ch-image\n                class=\"icon-m\"\n                src={MENU_DELETE}\n                disabled={clearFileButtonDisabled}\n              ></ch-image>\n            </button>\n            <button\n              // load file button\n              id=\"button-load\"\n              type=\"primary-text-only\"\n              onClick={\n                this.pathIsValid ? this.#loadData : this.#selectFileHandler\n              }\n              part=\"button button--load\"\n              disabled={primaryButtonDisabled}\n              class={{\n                \"button-primary\": this.pathIsValid,\n                \"button-secondary\": !this.pathIsValid,\n                \"select-load-button\": true\n              }}\n            >\n              {primaryButtonCaption}\n            </button>\n          </div>\n        </div>\n\n        {this.requiresAccessToken && [\n          <label\n            // access token label\n            class=\"label access-token-label\"\n          >\n            {this.#componentLocale.header.accessToken}\n          </label>,\n          <div>\n            <ch-edit\n              class={{\n                \"input\": true,\n                \"access-token\": true,\n                \"input-error\": this.accessTokenHasError\n              }}\n              ref={(el: HTMLChEditElement) =>\n                (this.#accessTokenEl = el as HTMLChEditElement)\n              }\n              value={this.accessToken}\n              placeholder={this.#componentLocale.header.accessTokenPlaceholder}\n              onFocus={this.#accessFocusHandler}\n              onBlur={this.#accessBlurHandler}\n              part=\"access-token\"\n              disabled={this.isLoading}\n              type=\"password\"\n            ></ch-edit>\n            {this.accessTokenHasError && (\n              <ch-tooltip\n                class=\"tooltip\"\n                actionElement={\n                  this.#accessTokenEl as unknown as HTMLButtonElement\n                }\n                blockAlign={config.tooltipSettings.blockAlign}\n                inlineAlign={config.tooltipSettings.inlineAlign}\n                delay={config.tooltipSettings.delay}\n              >\n                {this.#componentLocale.header.accessTokenErrorMessage}\n              </ch-tooltip>\n            )}\n          </div>\n        ]}\n        <label\n          // style label\n          class=\"label style-label\"\n        >\n          {this.#componentLocale.header.style}\n        </label>\n        <ch-combo-box-render\n          // style combo box\n          suggest={true}\n          suggestOptions={{\n            alreadyProcessed: true\n          }}\n          disabled={stylesComboDisabled}\n          model={this.stylesAsComboBoxModel}\n          value={this.styleValue}\n          onInput={this.#styleComboBoxInputHandler}\n          part=\"option-style\"\n          class=\"combo-box style\"\n        ></ch-combo-box-render>\n\n        <label\n          // module label\n          class=\"label module-label\"\n        >\n          {this.#componentLocale.header.module}\n        </label>\n        <gx-ide-entity-selector\n          // module entity selector\n          labelPosition=\"none\"\n          value={this.defaultModule}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#moduleEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          onValueChanged={\n            this.reactiveSettings.module && this.#moduleInputHandler\n          }\n          disabled={moduleDisabled}\n          class=\"module\"\n        ></gx-ide-entity-selector>\n\n        <div\n          // import as web panels\n          class=\"checkboxes-options field-group\"\n        >\n          <ch-checkbox\n            caption={this.#componentLocale.header.importAs}\n            checkedValue={CHECKED_VALUE}\n            class=\"checkbox import-as-web-panels\"\n            ref={(el: HTMLChCheckboxElement) =>\n              (this.#importAsWebPanelsEl = el as HTMLChCheckboxElement)\n            }\n            value={this.importAsWebPanels ? CHECKED_VALUE : undefined}\n            part=\"option-import-as-web-panels\"\n            disabled={this.isLoading}\n            onInput={this.#importAsWebPanelsChangedHandler}\n          ></ch-checkbox>\n\n          <div\n            class={{\n              \"field-group-inline\": true,\n              \"checkboxes-options__col-right\": true\n            }}\n          >\n            <ch-checkbox\n              // fit images\n              caption={this.#componentLocale.header.fitImages}\n              checkedValue={CHECKED_VALUE}\n              class=\"checkbox\"\n              part=\"fit-images-checkbox\"\n              disabled={fitImagesIsDisabled}\n              onInput={this.#fitImagesHandler}\n            ></ch-checkbox>\n          </div>\n        </div>\n      </header>\n    );\n  };\n\n  #renderMessages = (): HTMLParagraphElement[] => {\n    return (\n      this.messages.length > 0 &&\n      this.messages.map(message => (\n        <p\n          class={{\n            \"body-regular-m\": true,\n            \"message\": true,\n            [`message--${message.type}`]: true\n          }}\n        >\n          {message.type}: {message.text}\n        </p>\n      ))\n    );\n  };\n\n  #renderDetailDataTree(designType: string) {\n    switch (designType) {\n      case DESIGN_DATA_TYPE_PANELS:\n      case DESIGN_DATA_TYPE_STENCILS:\n        this.detailTreeModel = this.#loadTreeItemCompositionModel(\n          this.selectedDesignItem.composition.controls\n        );\n        break;\n    }\n  }\n\n  #renderMain = () => {\n    if (this.isLoading || this.designData?.success === false) {\n      return (\n        <div\n          class=\"main main--loading scrollable\"\n          ref={(el: HTMLElement) => (this.#messagesList = el as HTMLElement)}\n        >\n          {this.#renderMessages()}\n          <div class=\"body-regular-m spacing-body\">\n            <slot name=\"messages\"></slot>\n          </div>\n        </div>\n      );\n    } else if (this.designData?.success) {\n      return (\n        /* #main*/\n        <div class=\"main\">\n          {[this.#renderDesignTree(), this.#renderDesignTabsCh()]}\n        </div>\n      );\n    } else {\n      return (\n        <gx-ide-empty-state\n          class=\"empty-state scrollable\"\n          stateIconSrc={DESIGN}\n          isAnimated={this.#emptyStateAnimated}\n          stateTitle={this.#componentLocale.messages.noDesignSelected}\n          key=\"no-objects-empty-state\"\n        >\n          <button\n            // begin by selecting a file\n            class=\"button-tertiary empty-state-button\"\n            onClick={this.#selectFileHandler}\n          >\n            {this.#componentLocale.messages.selectDesign}\n          </button>\n        </gx-ide-empty-state>\n      );\n    }\n  };\n\n  #renderDesignTree = (): HTMLChTreeViewElement => {\n    return (\n      <ch-tree-view-render\n        part=\"data-tree\"\n        class=\"tree-view\"\n        id=\"data-tree\"\n        showLines=\"last\"\n        model={this.designDataTreeDataModel}\n        dragDisabled={true}\n        dropDisabled={true}\n        expandableButton=\"action\"\n        expandOnClick={false}\n        toggleCheckboxes={true}\n        checkbox={true}\n        checked={true}\n        onCheckedItemsChange={this.#objectsTreeCheckedItemsChangedHandler}\n        onSelectedItemsChange={this.#objectsTreeSelectedItemsChangedHandler}\n      ></ch-tree-view-render>\n    );\n  };\n\n  #renderFooter = () => {\n    const buttonOkDisabled =\n      this.designData?.success !== true || this.isLoading;\n    return (\n      <footer class=\"dialog-footer-with-border spacing-body-block-end spacing-body-inline\">\n        <div class=\"buttons-spacer\">\n          <button\n            // button cancel\n            id=\"button-cancel\"\n            class=\"button-secondary button-cancel\"\n            type=\"outlined\"\n            onClick={this.#cancel}\n            part=\"button button--cancel\"\n            slot=\"footer-end\"\n          >\n            {this.#componentLocale.footer.btnCancel}\n          </button>\n          <button\n            // button ok\n            id=\"button-ok\"\n            class=\"button-primary button-ok\"\n            type=\"primary-text-only\"\n            onClick={!buttonOkDisabled && this.#confirm}\n            part=\"button button--ok\"\n            disabled={buttonOkDisabled}\n            slot=\"footer-end\"\n          >\n            {this.#componentLocale.footer.btnOk}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #evaluatePanelPreview = () => {\n    if (this.selectedDesignType === \"panels\") {\n      return this.selectedDesignItem?.composition?.preview ? (\n        <div\n          part=\"data-panel-composition-preview\"\n          class=\"panel-item scrollable\"\n        >\n          <img\n            src={this.selectedDesignItem.composition.preview}\n            alt=\"Preview\"\n          />\n        </div>\n      ) : (\n        <gx-ide-empty-state\n          class=\"panel-tab__empty-state\"\n          stateTitle={this.#componentLocale.messages.noPanelPreviewAvailable}\n          stateIconSrc={\n            this.#importAsWebPanelsEl.value === CHECKED_VALUE\n              ? WEBPANEL_ICON\n              : PANEL_FOR_SD_ICON\n          }\n        ></gx-ide-empty-state>\n      );\n    }\n    return null;\n  };\n\n  #renderPanelTab = (): Element => {\n    const renderControlsTree =\n      (this.selectedDesignType === DESIGN_DATA_TYPE_PANELS ||\n        this.selectedDesignType === DESIGN_DATA_TYPE_STENCILS) &&\n      this.detailTreeModel.length > 0;\n\n    return (\n      <div\n        class={{\n          \"panel-tab\": true,\n          \"panel-tab--controls-tree\": renderControlsTree\n        }}\n        part=\"data-panel-composition-container\"\n      >\n        {this.#evaluatePanelPreview()}\n\n        {renderControlsTree ? (\n          <ch-tree-view-render\n            part=\"data-panel-composition-tree\"\n            class=\"tree-view tree-view-panel-item scrollable\"\n            showLines=\"last\"\n            model={this.detailTreeModel}\n            dragDisabled={true}\n            dropDisabled={true}\n          ></ch-tree-view-render>\n        ) : null}\n      </div>\n    );\n  };\n\n  #renderImageTab = () => {\n    return (\n      <div\n        part=\"data-panel-composition-preview\"\n        class=\"data-preview\"\n        style={{ height: \"100%\" }}\n      >\n        <img\n          src={this.selectedDesignItem ? this.selectedDesignItem : undefined}\n          alt=\"Preview\"\n          class={\n            this.selectedDesignType === DESIGN_DATA_TYPE_IMAGES\n              ? \"checker-board\"\n              : undefined\n          }\n        />\n      </div>\n    );\n  };\n\n  #tabSelectionChangedHandler = (\n    event: CustomEvent<{\n      lastSelectedIndex: number;\n      newSelectedId: string;\n      newSelectedIndex: number;\n    }>\n  ): void => {\n    this.renderedTabs.clear();\n    this.renderedTabs.add(event.detail.newSelectedId);\n    this.reRenderCounter++;\n    this.activeTabs.set(this.selectedDesignType, event.detail.newSelectedId);\n  };\n\n  #renderDesignTabsCh = (): HTMLChTabRenderElement => {\n    return (\n      <ch-tab-render\n        // main section\n        class={{\n          \"tab\": true,\n          \"scrollable\": true,\n          \"fit-images\": this.fitImages\n        }}\n        tabListPosition=\"block-start\"\n        model={this.tabsModel}\n        selectedId={this.activeTabs.get(this.selectedDesignType)}\n        overflow=\"auto\"\n        contain=\"size\"\n        onSelectedItemChange={this.#tabSelectionChangedHandler}\n      >\n        <div\n          slot={TAB_DATA.tokens.slot}\n          class=\"spacing-body\"\n          style={{\n            display: this.renderedTabs.has(TAB_DATA.tokens.id) ? \"\" : \"none\"\n          }}\n        >\n          <slot name={TAB_DATA.tokens.slot}></slot>\n        </div>\n\n        <div\n          slot={TAB_DATA.styles.slot}\n          class=\"spacing-body\"\n          style={{\n            display: this.renderedTabs.has(TAB_DATA.styles.id) ? \"\" : \"none\"\n          }}\n        >\n          <slot name={TAB_DATA.styles.slot}></slot>\n        </div>\n\n        <div\n          class=\"composition-tab-slot scrollable\"\n          slot={TAB_DATA.composition.slot}\n          style={{\n            display: this.renderedTabs.has(TAB_DATA.composition.id)\n              ? \"\"\n              : \"none\"\n          }}\n        >\n          {this.selectedDesignType === DESIGN_DATA_TYPE_IMAGES ||\n          this.selectedDesignType === DESIGN_DATA_TYPE_FONTS\n            ? this.#renderImageTab()\n            : this.#renderPanelTab()}\n        </div>\n\n        <div\n          slot={TAB_DATA.layout.slot}\n          class=\"spacing-body\"\n          style={{\n            display: this.renderedTabs.has(TAB_DATA.layout.id) ? \"\" : \"none\"\n          }}\n        >\n          <slot name={TAB_DATA.layout.slot}></slot>\n        </div>\n\n        <div\n          slot={TAB_DATA.code.slot}\n          class=\"spacing-body\"\n          style={{\n            display: this.renderedTabs.has(TAB_DATA.code.id) ? \"\" : \"none\"\n          }}\n        >\n          <slot name={TAB_DATA.code.slot}></slot>\n        </div>\n      </ch-tab-render>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {this.#renderHeader()}\n          {this.#renderMain()}\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type LoadMessageCallback = (message: MessageData) => void;\nexport type LoadCallback = (\n  source: string | File,\n  designSystem: string,\n  importAsWebPanels: boolean,\n  token: string | undefined,\n  onMessage: LoadMessageCallback\n) => Promise<DesignData | undefined>;\nexport type LoadPanelDataCallback = (id: string) => Promise<DesignPanelData>;\nexport type LoadImageCallback = (id: string) => Promise<string>;\nexport type LoadFontCallback = (id: string) => Promise<string>;\nexport type LoadDesignSystemCallback = (\n  id: string\n) => Promise<DesignSystemData>;\nexport type TextEditorFactoryCallback = (\n  type: TextEditorType,\n  parent: string,\n  text: string\n) => Promise<void>;\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\nexport type RequiresAccessTokenCallback = (source: string) => Promise<boolean>;\nexport type ConfirmCallback = (data: DesignImportData) => Promise<boolean>;\nexport type CancelCallback = () => Promise<void>;\n\nexport interface MessageData {\n  type: \"error\" | \"warning\" | \"info\";\n  text: string;\n}\n\nexport interface DesignData {\n  panels: DesignItemData[];\n  stencils: DesignItemData[];\n  images: DesignItemData[];\n  designSystem: DesignItemData[];\n  fonts: DesignItemData[];\n  success: boolean;\n}\n\nexport interface DesignItemData {\n  id: string;\n  name: string;\n  warning?: string;\n  variants?: DesignItemData[];\n}\n\nexport interface DesignPanelData {\n  composition: DesignPanelCompositionData;\n  code?: string;\n  layout?: string;\n}\n\nexport interface DesignPanelCompositionData {\n  preview?: string;\n  controls: DesignPanelControlData[];\n}\n\nexport interface DesignPanelControlData {\n  name: string;\n  type: string;\n  leaf?: boolean;\n  controls: DesignPanelControlData[];\n}\n\nexport interface DesignSystemData {\n  tokens: string;\n  styles: string;\n}\n\ntype DesignItemDataDetail = DesignPanelData | DesignSystemData | string;\n\nexport interface DesignImportData {\n  panels: string[];\n  stencils: string[];\n  fonts: string[];\n  moduleId: string;\n  images: string[];\n  styleName: string;\n  importAsWebPanels: boolean;\n}\n\nexport type DesignType =\n  | typeof DESIGN_DATA_TYPE_PANELS\n  | typeof DESIGN_DATA_TYPE_STENCILS\n  | typeof DESIGN_DATA_TYPE_IMAGES\n  | typeof DESIGN_DATA_TYPE_DESIGN_SYSTEM\n  | typeof DESIGN_DATA_TYPE_FONTS;\n\nexport type DesignObjectType = {\n  [Key in DesignType]: string;\n};\n\nexport type ItemLoadedInfo = {\n  designType: DesignType;\n  designDataDetail: DesignItemDataDetail;\n};\n\nexport type TextEditorType = \"code\" | \"html\" | \"styles\" | \"tokens\";\n\nexport type ReactiveSettings = {\n  path: boolean;\n  style: boolean;\n  module: boolean;\n  importAsWebPanels: boolean;\n};\n\nexport type ObjectTreeCheckedStatus = {\n  all: [];\n  none: [\"-\"];\n};\n\ntype ReactiveSettingsValues = {\n  path: string;\n  style: string;\n  moduleId: string;\n  importAsWebPanels: boolean;\n};\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["shareKbCss","CSS_BUNDLES","GxIdeShareKb","_GxIdeShareKb_showMoreIcon","set","this","getIconPath","category","name","colorType","_GxIdeShareKb_versionsSelect","value","caption","_GxIdeShareKb__componentLocale","_GxIdeShareKb_kbVersions","_GxIdeShareKb_renderedFirstTime","_GxIdeShareKb_chShortcutsEl","_GxIdeShareKb_shortcutsSrc","getAssetPath","_GxIdeShareKb_selectedKbId","_GxIdeShareKb_versionSelectedTypeEl","_GxIdeShareKb_KBNameEl","_GxIdeShareKb_cancelHandler","cancelCallback","_GxIdeShareKb_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeShareKb_shareKBHandler","versionSelectedType","__classPrivateFieldSet","shareKBCallback","kbName","versionList","__classPrivateFieldGet","allVersions","then","formSubmitResult","validatableControls","validateControls","_GxIdeShareKb_evaluateTooltipRender","controlReference","_b","_a","get","id","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeShareKb_initializeValidatableControls","forEach","validatableControl","reference","undefined","_GxIdeShareKb_kbNameInputHandler","event","detail","_GxIdeShareKb_selectedVersionHandler","selectKBVersionsCallback","result","length","map","kbVersion","localKbNameInputValue","versionsValueInput","kb","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeShareKb_versionsChangedHandler","enableSelectVersionsButton","_GxIdeShareKb_renderFooter","disableShareKbButton","onClick","part","footer","cancel","disabled","shareKB","Map","componentDidLoad","call","componentDidRender","componentDidRenderFirstTime","emit","componentName","componentWillLoad","Locale","getComponentStrings","el","suspendShortcuts","suspend","render","Host","model","src","ref","header","user","change","htmlFor","aliasLabel","onInput","placeholder","localKbNamePlaceholder","onChange","versionsLabel","readonly","versionsPlaceholderDisabled"],"sources":["src/components/team-dev/share-kb/share-kb.scss?tag=gx-ide-share-kb&encapsulation=shadow","src/components/team-dev/share-kb/share-kb.tsx"],"sourcesContent":[":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// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n  display: grid;\n  grid-template-rows: max-content;\n  grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n  align-self: center;\n  justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: max-content 1fr max-content max-content;\n}\n\n.search-kbs {\n  inline-size: 50%;\n}\n\n.versions-container {\n  grid-auto-rows: max-content;\n\n  &__input {\n    display: grid;\n    grid-template-columns: 1fr max-content;\n    gap: var(--spacing-gap-m);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  getAssetPath,\n  h,\n  Host,\n  Method,\n  Prop,\n  State\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { config } from \"../../../common/config\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { KBVersion } from \"../version-control/common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-share-kb\",\n  styleUrl: \"share-kb.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/share-kb\"]\n})\nexport class GxIdeShareKb {\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-surface\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"Trunk\", caption: \"Trunk Version\" },\n    { value: \"All\", caption: \"All Versions\" },\n    { value: \"Select\", caption: \"Select Version\" }\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n  #kbVersions: KBVersion[] = [];\n  #renderedFirstTime = false;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeShareKbElement;\n\n  #KBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\n\n  /**\n   * String value to show the number of versions selected (\"N versions selected\")\n   */\n  @State() versionsValueInput: string = \"\";\n\n  /**\n   * Set of data required when executing any of the callbacks that require a connection to the server.\n   */\n  @Prop() readonly connectionData: GXServerConnectionData;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionData\n  ) => Promise<void>;\n\n  /**\n   * The name of the KB.\n   */\n  @Prop({ mutable: true }) kbName: string;\n\n  /**\n   * Callback that must be invoked when the Share button is pressed.\n   */\n  @Prop() readonly shareKBCallback: (\n    data: ShareKBData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  /**\n   * Emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  componentDidLoad() {\n    this.versionSelectedType = this.#versionSelectedTypeEl\n      .value as VersionOption;\n\n    this.#initializeValidatableControls();\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\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  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #changeConnectionHandler = async (): Promise<void> => {\n    this.changeConnectionCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    });\n  };\n\n  #shareKBHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersions = [];\n    }\n    this.shareKBCallback({\n      name: this.kbName,\n      serverUrl: this.connectionData.serverUrl,\n      versionList: this.#kbVersions,\n      allVersions: this.versionSelectedType === \"All\"\n    }).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    });\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#KBNameEl];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #kbNameInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.kbName = event.detail as string;\n  };\n\n  #selectedVersionHandler = async () => {\n    if (this.selectKBVersionsCallback) {\n      await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n        if (result?.length) {\n          this.#kbVersions = result.map(kbVersion => ({\n            id: kbVersion.id,\n            name: kbVersion.name\n          }));\n\n          if (result.length === 1 && this.#kbVersions[0].id === 0) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput =\n              this.#_componentLocale.kb.versionsPlaceholder;\n          } else if (result.length > 1) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput = `${result.length.toString()} ${\n              this.#_componentLocale.kb.versionSelectedFieldValue\n            }`;\n          } else {\n            this.localKbNameInputValue = `${this.#selectedKbId}_${\n              this.#kbVersions[0].name\n            }`;\n            this.versionsValueInput = `${result[0].name} ${\n              this.#_componentLocale.kb.oneVersionSelectedFieldValue\n            }`;\n          }\n        }\n      });\n    }\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n    if (this.versionSelectedType === \"Select\") {\n      this.enableSelectVersionsButton = true;\n    } else {\n      this.enableSelectVersionsButton = false;\n    }\n  };\n\n  #renderFooter = () => {\n    const disableShareKbButton = !this.kbName.length;\n    return (\n      <footer class=\"footer dialog-footer-with-border spacing-body-inline spacing-body-block-end\">\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n            part=\"button button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // share kb button\n            class=\"button-primary\"\n            onClick={!disableShareKbButton && this.#shareKBHandler}\n            disabled={disableShareKbButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.shareKB}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\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\n        <section class=\"section\">\n          <header class=\"header dialog-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#_componentLocale.header.serverUrl}\n              </label>\n              <p>{this.connectionData.serverUrl}</p>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">{this.#_componentLocale.header.user}</label>\n              <p>{this.connectionData.userName}</p>\n            </div>\n\n            <button\n              id=\"change-connection-button\"\n              class=\"button-tertiary button-change\"\n              onClick={this.#changeConnectionHandler}\n            >\n              {this.#_componentLocale.header.change}\n            </button>\n          </header>\n\n          <section class=\"main field-group spacing-body\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"alias\">\n                {this.#_componentLocale.kb.aliasLabel}\n              </label>\n              <ch-edit\n                // alias\n                class=\"input\"\n                id=\"kb-name\"\n                value={this.kbName}\n                onInput={this.#kbNameInputHandler}\n                placeholder={this.#_componentLocale.kb.localKbNamePlaceholder}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#KBNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#KBNameEl)}\n            </div>\n\n            <div class=\"versions-container field-group\">\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#versionsChangedHandler}\n                value={this.#versionsSelect[0].value}\n                ref={(el: HTMLChRadioGroupRenderElement) =>\n                  (this.#versionSelectedTypeEl =\n                    el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n\n              {this.versionSelectedType === \"Select\" && (\n                <div class=\"versions-container__item field-group\">\n                  <div class=\"field field-block\">\n                    <label class=\"label\" htmlFor=\"control-id-1\">\n                      {this.#_componentLocale.kb.versionsLabel}\n                    </label>\n                    <div class=\"versions-container__input\">\n                      <ch-edit\n                        class=\"input\"\n                        readonly\n                        placeholder={\n                          this.enableSelectVersionsButton\n                            ? this.#_componentLocale.kb.versionsPlaceholder\n                            : this.#_componentLocale.kb\n                                .versionsPlaceholderDisabled\n                        }\n                        value={this.versionsValueInput}\n                      ></ch-edit>\n                      <button\n                        id=\"select-version-button\"\n                        class=\"button-tertiary button-icon-only\"\n                        onClick={this.#selectedVersionHandler}\n                        disabled={!this.enableSelectVersionsButton}\n                      >\n                        <ch-image\n                          src={this.#showMoreIcon}\n                          class=\"icon-xs\"\n                        ></ch-image>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </section>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\n\nexport type ShareKBData = {\n  name: string;\n  serverUrl: string;\n  versionList: KBVersion[];\n  allVersions: boolean;\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["KB_PROPERTY","KB_OBJECT","getPropertyIcon","typeId","kbPropertiesTypes","find","propertyType","id","icon","convertObjectTypeToTreeItem","objectType","caption","name","startImgSrc","leaf","parts","expanded","items","convertObjectToTreeItem","object","objectTypes","get","metadata","convertPropertyToTreeItem","property","updateObjectsTreeModel","objects","objectTypesMap","objectsSet","actualTreeState","updatedTreeData","forEach","has","objectTreeItem","objectTypeTreeItemIndex","findIndex","treeItem","objectTypeTreeItem","push","add","convertKbPropertiesDataToTreeItemData","properties","propertyAlreadyExists","node","undefined","propertyTreeItem","unshift","clearKbPropertiesFromTree","filter","item","kbManagerExportCss","FILE_ICON","getIconPath","category","colorType","SETTINGS_ICON","GENERAL_REFERENCES_ICON","MENUS_NEW_OBJECT_ICON","TREE_VIEW_ICON","CHECKBOX_CHECKED_VALUE","CSS_BUNDLES","GxIdeKbManagerExport","_GxIdeKbManagerExport_addKbDescriptionEl","set","this","_GxIdeKbManagerExport_componentLocale","_GxIdeKbManagerExport_animateEmptyState","_GxIdeKbManagerExport_exportAllEl","_GxIdeKbManagerExport_fileNameEl","_GxIdeKbManagerExport_kBPropertiesData","_GxIdeKbManagerExport_objectTypesMap","Map","_GxIdeKbManagerExport_objectsSet","Set","_GxIdeKbManagerExport_addKBPropertiesCallbackHandler","async","_e","addKbPropertiesIsChecked","__classPrivateFieldGet","value","__classPrivateFieldSet","addKBPropertiesCallback","length","objectsTreeViewModel","_GxIdeKbManagerExport_addObjectsCallbackHandler","exportAllIsChecked","addedObjects","addObjectsCallback","_GxIdeKbManagerExport_updateObjects","call","_GxIdeKbManagerExport_addReferencesCallbackHandler","addReferencesCallback","checkedObjectsIds","_GxIdeKbManagerExport_cancelCallbackHandler","cancelled","cancelCallback","exportingIsInProcess","_GxIdeKbManagerExport_clearButtonHandler","clear","_GxIdeKbManagerExport_evaluateContentToDisplay","hasObjects","h","isAnimated","stateTitle","main","noObjectsToDisplay","key","class","onClick","beginByADdingSomeObjects","stateIconSrc","exportAllMessage","checkbox","checked","dragDisabled","dropDisabled","_GxIdeKbManagerExport_evaluateTreeViewFilters","filterType","model","showLines","toggleCheckboxes","sortItemsCallback","_GxIdeKbManagerExport_sortTreeItems","onCheckedItemsChange","_GxIdeKbManagerExport_objectsTreeCheckedItemsChangedHandler","_GxIdeKbManagerExport_evaluateObjects","_GxIdeKbManagerExport_exportAllChangedHandler","_event","_GxIdeKbManagerExport_exportCallbackHandler","fileName","checkedKbPropertiesIds","checkedPropertiesIds","checkedObjectIds","exportCallback","then","event","allItemsWithCheckbox","detail","values","atLeastOnePropertyItemIsChecked","atLeastOneObjectItemIsChecked","subModel","sort","a","b","localeCompare","_GxIdeKbManagerExport_renderFooter","referencesButtonEnabled","clearButtonEnabled","disabled","part","footer","clearButton","src","addReferencesButton","addButton","objectsDataArray","newObjectsTreeModel","objectsTreeViewModelChanged","newObjectsTreeViewModel","objectTypesChanged","newObjectTypesArray","_GxIdeKbManagerExport_instances","_GxIdeKbManagerExport_objectsTypesArrayToMap","componentWillLoad","Locale","getComponentStrings","el","render","exportButtonEnabled","cancelButtonEnabled","Host","htmlFor","header","exportFileName","autoFocus","ref","exportButton","cancelButton","optionsButton","title","optionsCallback","addKnowledgeBaseDescription","checkedValue","onInput","exportAll","loader","cancelLabel","loaderTitle","show","objectTypesArray"],"sources":["src/components/kb-manager-export/helpers.ts","src/components/kb-manager-export/kb-manager-export.scss?tag=gx-ide-kb-manager-export&encapsulation=shadow","src/components/kb-manager-export/kb-manager-export.tsx"],"sourcesContent":["// /* Tree View */\nimport {\n  TreeViewItemModel,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { ObjectData, KBPropertyData, KBPropertyType } from \"./types\";\nimport { ObjectType } from \"../../common/types\";\nexport const KB_PROPERTY = \"property\";\nexport const KB_OBJECT = \"object\";\n\nconst getPropertyIcon = (\n  typeId: string,\n  kbPropertiesTypes: KBPropertyType[]\n): string =>\n  // The object icon has to be retrieved from the ObjectTypes array, by\n  // matching the ObjectData typeId with the ObjectType id\n  kbPropertiesTypes.find(propertyType => propertyType.id === typeId).icon;\n\nconst convertObjectTypeToTreeItem = (\n  objectType: ObjectType\n): TreeViewItemModel => ({\n  caption: objectType.name,\n  id: objectType.id,\n  startImgSrc: objectType.icon,\n  leaf: false,\n  parts: \"object-type tree-view-item\",\n  expanded: true,\n  items: []\n});\n\nconst convertObjectToTreeItem = (\n  object: ObjectData,\n  objectTypes: Map<string, ObjectType>\n): TreeViewItemModel => ({\n  caption: object.name,\n  id: object.id,\n  startImgSrc: objectTypes.get(object.typeId).icon,\n  parts: \"object tree-view-item\",\n  metadata: KB_OBJECT,\n  leaf: true\n});\n\nconst convertPropertyToTreeItem = (\n  property: KBPropertyData,\n  kbPropertiesTypes: KBPropertyType[]\n): TreeViewItemModel => ({\n  caption: property.name,\n  id: property.id,\n  startImgSrc: getPropertyIcon(property.typeId, kbPropertiesTypes),\n  parts: \"property tree-view-item\",\n  metadata: KB_PROPERTY,\n  leaf: true\n});\n\n/**\n * Updates the tree model with the provided objects.\n * Objects may already exist and are placed under their parent node.\n * If the parent node doesn't exist (identified by typeId on ObjectTypes),\n * it is created and added at the bottom.\n *\n * @param {ObjectData[] | undefined} objects - The array of objects to update.\n * @param {Map<string, ObjectType>} objectTypesMap - A map of object types by ID.\n * @param {Set<string>} objectsSet - A set of existing object IDs.\n * @param {TreeViewModel} actualTreeState - The current tree state to be updated.\n * @returns {TreeViewModel} - The updated tree view model.\n */\nexport const updateObjectsTreeModel = (\n  objects: ObjectData[] | undefined,\n  objectTypesMap: Map<string, ObjectType>,\n  objectsSet: Set<string>,\n  actualTreeState: TreeViewModel\n): TreeViewModel => {\n  if (!objects) {\n    return [...actualTreeState];\n  }\n\n  const updatedTreeData: TreeViewModel = [...actualTreeState];\n  objects.forEach(object => {\n    // objects that already exists in the actual actualTreeState should not be added.\n\n    if (objectsSet.has(object.id)) {\n      // object already exists\n      return;\n    }\n\n    const objectTreeItem = convertObjectToTreeItem(object, objectTypesMap);\n\n    // TODO: Improve the algorithm efficiency. This check visits potentially all nodes\n    // from the TreeViewModel on each iteration. Using a Map to pre-store the TreeView\n    // nodes would improve efficiency.\n    const objectTypeTreeItemIndex = updatedTreeData.findIndex(\n      treeItem => treeItem.id === object.typeId\n    );\n\n    if (objectTypeTreeItemIndex === -1) {\n      // Create and add new object type tree item\n      const objectType = objectTypesMap.get(object.typeId);\n      if (objectType) {\n        const objectTypeTreeItem = convertObjectTypeToTreeItem(objectType);\n        objectTypeTreeItem.items.push(objectTreeItem);\n        updatedTreeData.push(objectTypeTreeItem);\n      }\n    } else {\n      // objectType exists already. insert object as children of the object type tree item.\n      updatedTreeData[objectTypeTreeItemIndex].items.push(objectTreeItem);\n    }\n\n    objectsSet.add(object.id);\n  });\n\n  return updatedTreeData;\n};\n\n/**\n * Converts an array of KB properties data into tree item data for a tree view.\n *\n * @param {KBPropertyData[]} properties - The array of KB property data.\n * @param {KBPropertyType[]} kbPropertiesTypes - The array of KB property types.\n * @param {TreeViewModel} actualTreeState - The current state of the tree.\n * @returns {TreeViewModel} - The updated tree view item models.\n */\nexport const convertKbPropertiesDataToTreeItemData = (\n  properties: KBPropertyData[],\n  kbPropertiesTypes: KBPropertyType[],\n  actualTreeState: TreeViewModel\n): TreeViewModel => {\n  if (!properties) {\n    return [...actualTreeState];\n  }\n\n  const updatedTreeData: TreeViewModel = [...actualTreeState];\n  properties.forEach(property => {\n    // properties have no parent node, and they should be added at the beginning of the tree\n    const propertyAlreadyExists =\n      updatedTreeData.find(node => node.id === property.id) !== undefined;\n    if (propertyAlreadyExists) {\n      return;\n    }\n    const propertyTreeItem = convertPropertyToTreeItem(\n      property,\n      kbPropertiesTypes\n    );\n    updatedTreeData.unshift(propertyTreeItem);\n  });\n  return updatedTreeData;\n};\n\n/**\n * Removes properties from the tree model.\n *\n * @param {TreeViewModel} actualTreeState - The current state of the tree,\n * containing various tree view items.\n * @returns {TreeViewModel} - A new array of tree view items that excludes\n * any items with metadata of type `KB_PROPERTY`.\n */\nexport const clearKbPropertiesFromTree = (\n  actualTreeState: TreeViewModel\n): TreeViewModel =>\n  actualTreeState.filter(item => item.metadata !== KB_PROPERTY);\n",":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\nsection {\n  display: contents;\n}\n\n.header__field-group {\n  grid-template:\n    \"export-file-name buttons-container\" max-content\n    \"checkboxes checkboxes\" max-content\n    / 1fr max-content;\n}\n.export-file-name {\n  grid-area: export-file-name;\n}\n\n.header__buttons-container {\n  grid-area: buttons-container;\n}\n.header__checkboxes {\n  grid-area: checkboxes;\n  grid-template-columns: max-content max-content;\n}\n\n.main {\n  position: relative;\n  padding-block: 12px;\n}\n","import { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n\nimport { ChCheckboxCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport {\n  TreeViewItemModelExtended,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport {\n  updateObjectsTreeModel,\n  convertKbPropertiesDataToTreeItemData,\n  clearKbPropertiesFromTree\n} from \"./helpers\";\nimport { ObjectType } from \"../../common/types\";\n\nimport { KB_PROPERTY, KB_OBJECT } from \"./helpers\";\nimport {\n  KBPropertiesCallback,\n  KBPropertyData,\n  KBPropertyType,\n  ObjectData,\n  ExportFileDirectoryCallback,\n  OptionsCallback,\n  AddObjectsCallback,\n  ExportCallback,\n  AddReferencesCallback,\n  CancelCallback\n} from \"./types\";\n\nimport { getIconPath } from \"@genexus/mercury\";\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"on-surface\"\n});\nconst SETTINGS_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"settings\",\n  colorType: \"primary\"\n});\nconst GENERAL_REFERENCES_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"references\",\n  colorType: \"interactive\"\n});\nconst MENUS_NEW_OBJECT_ICON = getIconPath({\n  category: \"menus\",\n  name: \"new-object\",\n  colorType: \"on-primary\"\n});\nconst TREE_VIEW_ICON = getIconPath({\n  category: \"controls\",\n  name: \"treeview\"\n});\nconst CHECKBOX_CHECKED_VALUE = \"true\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/tree-view\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n@Component({\n  tag: \"gx-ide-kb-manager-export\",\n  styleUrl: \"kb-manager-export.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/kb-manager-export\"]\n})\nexport class GxIdeKbManagerExport {\n  #addKbDescriptionEl!: HTMLChCheckboxElement;\n  #componentLocale: any;\n  #animateEmptyState: boolean = false;\n  #exportAllEl!: HTMLChCheckboxElement;\n  #fileNameEl!: HTMLChEditElement;\n  #kBPropertiesData!: KBPropertyData[];\n  /**\n   * Stores the object types information (name, and icon)\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #objectTypesMap: Map<string, ObjectType> = new Map();\n  /**\n   * Stores the object's id that have been added.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #objectsSet: Set<string> = new Set();\n\n  @Element() el: HTMLGxIdeKbManagerExportElement;\n\n  @State() addKbPropertiesIsChecked = false;\n  @State() atLeastOnePropertyItemIsChecked = false;\n  @State() atLeastOneObjectItemIsChecked = false;\n  @State() checkedObjectsIds: string[] = [];\n  @State() checkedPropertiesIds: string[] = [];\n  @State() exportAllIsChecked = false;\n  @State() exportingIsInProcess = false;\n  @State() hasObjects: boolean;\n  @State() objectsTreeViewModel: TreeViewModel = [];\n  @Watch(\"objectsTreeViewModel\")\n  objectsTreeViewModelChanged(newObjectsTreeViewModel: TreeViewModel) {\n    this.hasObjects =\n      newObjectsTreeViewModel && newObjectsTreeViewModel.length > 0;\n    if (!this.hasObjects) {\n      this.atLeastOnePropertyItemIsChecked = false;\n      this.atLeastOneObjectItemIsChecked = false;\n    }\n  }\n\n  /**\n   * Callback invoked when the user wants to include KB properties.\n   */\n  @Prop() readonly addKBPropertiesCallback!: KBPropertiesCallback;\n\n  /**\n   * Callback invoked when the user wants to add objects.\n   */\n  @Prop() readonly addObjectsCallback!: AddObjectsCallback;\n\n  /**\n   *Callback invoked when the user wants to add all the references for the selected objects.\n   *@param itemIds:string[] The selected item ids\n   *@returns : Returns an object with the items and its references\n   */\n  @Prop() readonly addReferencesCallback!: AddReferencesCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the export process.\n   * @returns It returns a boolean indicating whether the process could be canceled or not.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   *Callback invoked when the user wants to initiate the export process.\n   *@param fileName:string\n   *@param itemIds:string[] The selected item ids\n   *@returns : It returns a boolean indicating whether the process was successful\n   */\n  @Prop() readonly exportCallback!: ExportCallback;\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly exportFileDirectoryCallback!: ExportFileDirectoryCallback;\n\n  /**\n   * It allows defining the default Export File Name\n   */\n  @Prop() readonly fileName: string;\n\n  /**\n   * Array with the possible types of KB properties\n   */\n  @Prop() readonly kbPropertiesTypes: KBPropertyType[];\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Array of possible object types\n   */\n  @Prop() readonly objectTypes: ObjectType[];\n  @Watch(\"objectTypes\")\n  objectTypesChanged(newObjectTypesArray: ObjectType[]) {\n    this.#objectsTypesArrayToMap(newObjectTypesArray);\n  }\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly optionsCallback: OptionsCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#evaluateObjects();\n    this.#objectsTypesArrayToMap(this.objectTypes);\n  }\n\n  #addKBPropertiesCallbackHandler = async (\n    _e: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.addKbPropertiesIsChecked =\n      this.#addKbDescriptionEl.value === CHECKBOX_CHECKED_VALUE;\n    if (this.addKbPropertiesIsChecked) {\n      this.#kBPropertiesData = await this.addKBPropertiesCallback();\n      if (this.#kBPropertiesData.length) {\n        this.objectsTreeViewModel = convertKbPropertiesDataToTreeItemData(\n          this.#kBPropertiesData,\n          this.kbPropertiesTypes,\n          this.objectsTreeViewModel\n        );\n      }\n    } else {\n      // previous properties (if any) should be removed\n      this.objectsTreeViewModel = clearKbPropertiesFromTree(\n        this.objectsTreeViewModel\n      );\n    }\n  };\n\n  #addObjectsCallbackHandler = async () => {\n    this.#exportAllEl.value = undefined;\n    this.exportAllIsChecked = false;\n    const addedObjects = await this.addObjectsCallback();\n    this.#updateObjects(addedObjects);\n  };\n\n  #addReferencesCallbackHandler = async () => {\n    const objects: ObjectData[] = await this.addReferencesCallback(\n      this.checkedObjectsIds\n    );\n    this.#updateObjects(objects);\n  };\n\n  #cancelCallbackHandler = async () => {\n    const cancelled = await this.cancelCallback();\n    if (cancelled) {\n      this.exportingIsInProcess = false;\n    }\n  };\n\n  #clearButtonHandler = () => {\n    this.objectsTreeViewModel = [];\n    this.#objectsSet.clear();\n    this.#addKbDescriptionEl.value = undefined;\n    this.#exportAllEl.value = undefined;\n  };\n\n  #evaluateContentToDisplay = () => {\n    // Nothing to display on the tree-view\n    if (!this.hasObjects && !this.exportAllIsChecked) {\n      return (\n        <gx-ide-empty-state\n          isAnimated={this.#animateEmptyState}\n          stateTitle={this.#componentLocale.main.noObjectsToDisplay}\n          key=\"no-objects-empty-state\"\n        >\n          <button\n            class=\"button-primary\"\n            onClick={this.#addObjectsCallbackHandler}\n          >\n            {this.#componentLocale.main.beginByADdingSomeObjects}\n          </button>\n        </gx-ide-empty-state>\n      );\n    } else {\n      this.#animateEmptyState = true; // improve performance if is first render\n    }\n\n    if (this.exportAllIsChecked) {\n      return (\n        <gx-ide-empty-state\n          isAnimated={this.#animateEmptyState}\n          stateIconSrc={TREE_VIEW_ICON}\n          stateTitle={this.#componentLocale.main.exportAllMessage}\n          key=\"exporting-all-empty-state\"\n        ></gx-ide-empty-state>\n      );\n    } else {\n      this.#animateEmptyState = true; // improve performance if is first render\n    }\n\n    return (\n      <ch-tree-view-render\n        class=\"tree-view\"\n        checkbox\n        checked\n        dragDisabled\n        dropDisabled\n        filter={this.#evaluateTreeViewFilters()}\n        filterType={\n          this.addKbPropertiesIsChecked && !this.exportAllIsChecked\n            ? \"none\"\n            : \"metadata\"\n        }\n        model={this.objectsTreeViewModel}\n        showLines=\"last\"\n        toggleCheckboxes\n        sortItemsCallback={this.#sortTreeItems}\n        onCheckedItemsChange={this.#objectsTreeCheckedItemsChangedHandler}\n      ></ch-tree-view-render>\n    );\n  };\n\n  #evaluateObjects = () => {\n    this.hasObjects =\n      this.objectsTreeViewModel && this.objectsTreeViewModel.length > 0;\n  };\n\n  #evaluateTreeViewFilters = (): string => {\n    if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {\n      return KB_PROPERTY; // only show properties\n    }\n    if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {\n      return KB_OBJECT; // only show objects\n    }\n    return \"none\";\n  };\n\n  #exportAllChangedHandler = (\n    _event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.exportAllIsChecked =\n      this.#exportAllEl.value === CHECKBOX_CHECKED_VALUE;\n  };\n\n  #exportCallbackHandler = async () => {\n    this.exportingIsInProcess = true;\n    const fileName: string = this.#fileNameEl.value;\n    const checkedKbPropertiesIds = this.addKbPropertiesIsChecked\n      ? this.checkedPropertiesIds\n      : [];\n    const checkedObjectIds = this.exportAllIsChecked\n      ? undefined\n      : this.checkedObjectsIds;\n    this.exportCallback(\n      fileName,\n      checkedKbPropertiesIds,\n      checkedObjectIds\n    ).then(() => {\n      this.exportingIsInProcess = false;\n    });\n    // returns Promise<boolean> but no procedure was detailed on the spec.\n  };\n\n  #objectsTypesArrayToMap(objectTypesArray: ObjectType[]) {\n    objectTypesArray.forEach(objectType => {\n      this.#objectTypesMap.set(objectType.id, objectType);\n    });\n  }\n\n  #objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    // filter 'checked objects' and 'checked properties' ids\n    const checkedObjectsIds: string[] = [];\n    const checkedPropertiesIds: string[] = [];\n    const allItemsWithCheckbox = [...event.detail.values()];\n    allItemsWithCheckbox.forEach(node => {\n      if (node.item.checked && node.item.metadata === KB_OBJECT) {\n        checkedObjectsIds.push(node.item.id);\n      } else if (node.item.checked && node.item.metadata === KB_PROPERTY) {\n        checkedPropertiesIds.push(node.item.id);\n      }\n    });\n    this.checkedObjectsIds = checkedObjectsIds;\n    this.checkedPropertiesIds = checkedPropertiesIds;\n\n    this.atLeastOnePropertyItemIsChecked = this.checkedPropertiesIds.length > 0;\n    this.atLeastOneObjectItemIsChecked = this.checkedObjectsIds.length > 0;\n  };\n\n  #sortTreeItems = (subModel: TreeViewModel) => {\n    // \"property\" items should be added on top.\n    // else sort alphabetically by \"caption\" value.\n    return subModel.sort((a, b) => {\n      if (a.metadata === \"property\" && b.metadata !== \"property\") {\n        return -1;\n      }\n      if (b.metadata === \"property\" && a.metadata !== \"property\") {\n        return 1;\n      }\n\n      return a.caption.localeCompare(b.caption);\n    });\n  };\n\n  #renderFooter = (): HTMLElement => {\n    const referencesButtonEnabled = this.atLeastOneObjectItemIsChecked;\n    const clearButtonEnabled = this.objectsTreeViewModel.length > 0;\n    return (\n      <footer class=\"footer dialog-footer-with-border dialog-footer-space-between space-body spacing-body-inline spacing-body-block-end\">\n        <button\n          class=\"button-tertiary clear-btn\"\n          disabled={!clearButtonEnabled}\n          part=\"clear-button\"\n          onClick={clearButtonEnabled && this.#clearButtonHandler}\n        >\n          {this.#componentLocale.footer.clearButton}\n        </button>\n\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary button-icon-and-text\"\n            part=\"references-button\"\n            disabled={!referencesButtonEnabled}\n            onClick={\n              referencesButtonEnabled && this.#addReferencesCallbackHandler\n            }\n          >\n            <ch-image\n              class=\"icon-m\"\n              disabled={!referencesButtonEnabled}\n              src={GENERAL_REFERENCES_ICON}\n            ></ch-image>\n            {this.#componentLocale.footer.addReferencesButton}\n          </button>\n\n          <button\n            // Add button\n            class=\"button-primary button-icon-and-text\"\n            disabled={this.exportAllIsChecked}\n            part=\"add-button\"\n            onClick={\n              !this.exportAllIsChecked && this.#addObjectsCallbackHandler\n            }\n          >\n            <ch-image\n              class=\"icon-m\"\n              disabled={this.exportAllIsChecked}\n              src={MENUS_NEW_OBJECT_ICON}\n            ></ch-image>\n            {this.#componentLocale.footer.addButton}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #updateObjects = (objectsDataArray: ObjectData[]) => {\n    if (objectsDataArray.length) {\n      const newObjectsTreeModel = updateObjectsTreeModel(\n        objectsDataArray,\n        this.#objectTypesMap,\n        this.#objectsSet,\n        this.objectsTreeViewModel\n      );\n      this.objectsTreeViewModel = newObjectsTreeModel;\n    }\n  };\n\n  render(): void {\n    const exportButtonEnabled =\n      this.atLeastOnePropertyItemIsChecked ||\n      this.atLeastOneObjectItemIsChecked ||\n      this.exportAllIsChecked;\n\n    const cancelButtonEnabled = this.exportingIsInProcess;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section>\n          <header class=\"header dialog-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field-group header__field-group\">\n              <div class=\"field field-inline export-file-name\">\n                <label class=\"label\" htmlFor=\"xpz-file\">\n                  {this.#componentLocale.header.exportFileName}\n                </label>\n                <ch-edit\n                  autoFocus\n                  id=\"xpz-file\"\n                  class=\"input\"\n                  part=\"xpz-file\"\n                  value={this.fileName}\n                  startImgSrc={FILE_ICON}\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#fileNameEl = el as HTMLChEditElement)\n                  }\n                ></ch-edit>\n              </div>\n\n              <div class=\"header__buttons-container buttons-spacer\">\n                <button\n                  id=\"export-kb-btn\"\n                  class=\"button-primary export-btn\"\n                  part=\"export-btn\"\n                  disabled={!exportButtonEnabled}\n                  onClick={exportButtonEnabled && this.#exportCallbackHandler}\n                >\n                  {this.#componentLocale.header.exportButton}\n                </button>\n                <button\n                  id=\"cancel-kb-export-btn\"\n                  class=\"button-secondary cancel-btn\"\n                  part=\"cancel-button\"\n                  disabled={!cancelButtonEnabled}\n                  onClick={cancelButtonEnabled && this.#cancelCallbackHandler}\n                >\n                  {this.#componentLocale.header.cancelButton}\n                </button>\n\n                <button\n                  aria-label={this.#componentLocale.header.optionsButton}\n                  title={this.#componentLocale.header.optionsButton}\n                  class=\"button-tertiary button-icon-only options-btn\"\n                  part=\"select-kb-btn\"\n                  onClick={this.optionsCallback}\n                >\n                  <ch-image class=\"icon-m\" src={SETTINGS_ICON}></ch-image>\n                </button>\n              </div>\n\n              <div class=\"header__checkboxes field-group\">\n                <ch-checkbox\n                  class=\"checkbox add-kb-description\"\n                  part=\"add-kb-description\"\n                  caption={\n                    this.#componentLocale.main.addKnowledgeBaseDescription\n                  }\n                  checkedValue={CHECKBOX_CHECKED_VALUE}\n                  onInput={this.#addKBPropertiesCallbackHandler}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#addKbDescriptionEl = el as HTMLChCheckboxElement)\n                  }\n                ></ch-checkbox>\n\n                <ch-checkbox\n                  class=\"checkbox\"\n                  part=\"export-all-checkbox\"\n                  checkedValue={CHECKBOX_CHECKED_VALUE}\n                  caption={this.#componentLocale.main.exportAll}\n                  onInput={this.#exportAllChangedHandler}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#exportAllEl = el as HTMLChCheckboxElement)\n                  }\n                ></ch-checkbox>\n              </div>\n            </div>\n          </header>\n\n          <div class=\"main spacing-body-inline\">\n            {this.#evaluateContentToDisplay()}\n            {this.loader && this.exportingIsInProcess && (\n              <gx-ide-loader\n                cancelLabel={this.#componentLocale.loader.cancelLabel}\n                loaderTitle={this.#componentLocale.loader.title}\n                cancelCallback={this.#cancelCallbackHandler}\n                show\n                class=\"loader\"\n              ></gx-ide-loader>\n            )}\n          </div>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-d6e7a813.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(--color-accent-surface-surface)\n    );\n    // backdrop-filter: var(); TODO: See if we need to add this.\n    padding: var(--spacing-padding-xxxl);\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    color: var(--color-text-neutral-default);\n    z-index: 99; // WA to prevent tree-view chevron arrow to appear above.\n    animation: fadeIn var(--timing-fast) forwards;\n\n    &--visible {\n      opacity: 1;\n    }\n  }\n  &__spinner {\n    $spinnerSize: 32px;\n    border: 4px solid\n      var(--elevation-border-color, var(--color-border-surface-on-surface));\n    border-block-start: 4px solid var(--color-border-primary-default);\n    border-radius: 50%;\n    animation: spinner 0.6s infinite linear;\n    inline-size: $spinnerSize;\n    block-size: $spinnerSize;\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: 16px;\n    gap: var(--spacing-gap-m);\n    max-block-size: 400px;\n    &--hidden {\n      display: none;\n    }\n    opacity: 1;\n  }\n\n  &__cancel-button {\n    margin-block-start: 8px;\n  }\n}\n\n/*background color animation*/\n\n@keyframes spinner {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\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   * 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;IA0CAC,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;uBA9D/B;qBAKc,IAAI,KAAK;;;;;gBAyBd;;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/dist/genexus-ide-ui/p-dcfae3da.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["taskDocumentsToActionListItemModel","objects","selectedDocument","actionListDocuments","forEach","object","index","itemId","name","itemValue","push","id","caption","selected","type","convertSuggestedDocumentsToSuggestItems","suggestedDocuments","suggestItems","length","suggestedDocument","suggestItem","value","taskDocumentsCss","CHECKED_VALUE","CSS_BUNDLES","MODULE_ICON","getIconPath","category","MORE_ICON","colorType","DELETE_ICON","NODENAME","GxIdeBpmTaskDocuments","_GxIdeBpmTaskDocuments__componentLocale","set","this","_GxIdeBpmTaskDocuments_renderedFirstTime","_GxIdeBpmTaskDocuments_shortcutsSrc","getAssetPath","_GxIdeBpmTaskDocuments_chShortcutsEl","_GxIdeBpmTaskDocuments_deleteEnabledCheckboxEl","_GxIdeBpmTaskDocuments_deleteRequiredCheckboxEl","_GxIdeBpmTaskDocuments_newEnabledCheckboxEl","_GxIdeBpmTaskDocuments_newRequiredCheckboxEl","_GxIdeBpmTaskDocuments_readEnabledCheckboxEl","_GxIdeBpmTaskDocuments_readRequiredCheckboxEl","_GxIdeBpmTaskDocuments_updateEnabledCheckboxEl","_GxIdeBpmTaskDocuments_updateRequiredCheckboxEl","_GxIdeBpmTaskDocuments_cancelCallbackHandler","cancelCallback","_GxIdeBpmTaskDocuments_confirmCallbackHandler","confirmCallback","documents","_GxIdeBpmTaskDocuments_documentSuggestValueChangedHandler","async","e","detail","suggestDocumentsCallback","then","result","catch","_GxIdeBpmTaskDocuments_handleDeleteButton","filter","doc","__classPrivateFieldGet","_GxIdeBpmTaskDocuments_refreshDocumentsActionListState","call","_GxIdeBpmTaskDocuments_listenDocumentSelected","_GxIdeBpmTaskDocuments_instances","_GxIdeBpmTaskDocuments_addDocument","_GxIdeBpmTaskDocuments_objectSelectionChangedHandler","find","_a","item","sort","a","b","localeCompare","documentsActionListState","_b","_GxIdeBpmTaskDocuments_selectDocumentCallbackHandler","callbackResult","selectDocumentCallback","documentName","_GxIdeBpmTaskDocuments_renderActions","h","class","rowSelectionMode","keyboardNavigationMode","columnResizeMode","columnId","columnName","settingable","sortable","actions","enabledCheckbox","requiredCheckbox","rowid","readLabel","checkedValue","readEnabled","toString","ref","el","__classPrivateFieldSet","readRequired","newLabel","_c","newEnabled","_d","newRequired","updateLabel","_e","updateEnabled","_f","updateRequired","deleteLabel","_g","deleteEnabled","_h","deleteRequired","_GxIdeBpmTaskDocuments_renderEmptyState","stateIconSrc","isAnimated","stateTitle","emptyRightPanelInfo","title","onClick","buttonCaption","_GxIdeBpmTaskDocuments_renderFooter","part","footer","cancelButton","confirmButton","_GxIdeBpmTaskDocuments_renderMain","selection","model","onSelectedItemsChange","componentWillLoad","Locale","getComponentStrings","componentDidRender","componentDidRenderFirstTime","emit","componentName","shadowRoot","checkboxes","_GxIdeBpmTaskDocuments_getAllCheckboxes","checkbox","addEventListener","_GxIdeBpmTaskDocuments_handleCheckboxChange","bind","suspendShortcuts","suspend","render","Host","src","placeholder","suggestPlaceholder","suggest","onInput","onChange","suggestOptions","alreadyProcessed","autoExpand","hideMatchesAndShowNonMatches","highlightMatchedItems","matchCase","regularExpression","strict","addDocumentButtonLabel","clearDocumentButtonLabel","node","childNodes","child","nodeName","HTMLElement","documentExists","some","data","map"],"sources":["src/components/bpm/task-documents/helpers.ts","src/components/bpm/task-documents/task-documents.scss?tag=gx-ide-bpm-task-documents&encapsulation=shadow","src/components/bpm/task-documents/task-documents.tsx"],"sourcesContent":["import { TaskDocumentData } from \"./task-documents\";\nimport { ActionListItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n\nexport const taskDocumentsToActionListItemModel = (\n  objects: TaskDocumentData[],\n  selectedDocument?: TaskDocumentData\n): ActionListItemModel[] => {\n  const actionListDocuments: ActionListItemModel[] = [];\n  objects?.forEach((object, index) => {\n    const itemId = `task-${object.name}`;\n    const itemValue = object.name;\n    actionListDocuments.push({\n      id: itemId,\n      caption: itemValue,\n      selected: selectedDocument\n        ? selectedDocument.name === object.name\n        : index === 0,\n      type: \"actionable\"\n    });\n  });\n  return actionListDocuments;\n};\n\n/* References Types*/\n\n/**\n * @description This function converts string[] to ComboBoxItemModel[]\n */\nexport const convertSuggestedDocumentsToSuggestItems = (\n  suggestedDocuments: string[]\n): ComboBoxItemModel[] => {\n  const suggestItems: ComboBoxItemModel[] = [];\n  if (suggestedDocuments.length) {\n    suggestedDocuments.forEach((suggestedDocument: string) => {\n      const suggestItem: ComboBoxItemModel = {\n        value: suggestedDocument,\n        caption: suggestedDocument\n      };\n      suggestItems.push(suggestItem);\n    });\n  }\n  return suggestItems;\n};\n",":host {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 1fr max-content;\n  block-size: 100%;\n  overflow: auto;\n}\n.section {\n  display: contents;\n}\n.main {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.documents__header {\n  grid-template-columns: 1fr max-content;\n}\n.documents__suggest {\n  flex: 1;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\nimport { Locale } from \"../../../common/locale\";\nimport {\n  convertSuggestedDocumentsToSuggestItems,\n  taskDocumentsToActionListItemModel\n} from \"./helpers\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { ActionListItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { ChComboBoxRenderCustomEvent } from \"@genexus/chameleon-controls-library\";\n\nconst CHECKED_VALUE = \"true\";\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/list-box\",\n  \"components/tabular-grid\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\nconst MODULE_ICON = getIconPath({\n  category: \"objects\",\n  name: \"module\"\n});\nconst MORE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"primary\"\n});\nconst DELETE_ICON = getIconPath({\n  category: \"menus\",\n  name: \"delete\",\n  colorType: \"primary\"\n});\n\nconst NODENAME = \"CH-CHECKBOX\";\n@Component({\n  tag: \"gx-ide-bpm-task-documents\",\n  styleUrl: \"task-documents.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-task-documents\"]\n})\nexport class GxIdeBpmTaskDocuments {\n  #_componentLocale: any;\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/bpm-task-documents/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeBpmTaskDocumentsElement;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #deleteEnabledCheckboxEl: HTMLChCheckboxElement;\n  #deleteRequiredCheckboxEl: HTMLChCheckboxElement;\n\n  #newEnabledCheckboxEl: HTMLChCheckboxElement;\n  #newRequiredCheckboxEl: HTMLChCheckboxElement;\n  #readEnabledCheckboxEl: HTMLChCheckboxElement;\n  #readRequiredCheckboxEl: HTMLChCheckboxElement;\n  #updateEnabledCheckboxEl: HTMLChCheckboxElement;\n  #updateRequiredCheckboxEl: HTMLChCheckboxElement;\n\n  /**\n   * Documents state for the action list\n   */\n  @State() documentsActionListState: ActionListItemModel[] = [];\n\n  @State() documentName: string = null;\n\n  /**\n   * Document selected in the action list\n   */\n  @State() selectedDocument: TaskDocumentData = null;\n\n  /**\n   * Possible suggestions for the documents\n   */\n  @State() suggestedDocuments: ComboBoxItemModel[];\n\n  /**\n   * @property documents\n   * @description The current value of the documents for the task\n   */\n\n  @Prop({ mutable: true }) documents: TaskDocumentData[];\n\n  /**\n   * @property cancelCallback\n   * @description Callback invoked when the user cancels the application declaration (Cancel button)\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * @property confirmCallback\n   * @description Callback invoked when the user confirms the application declaration (Ok button)\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * @property selectDocumentCallback\n   * @description Callback invoked when the user presses the '...' button to access the WorkflowDocuments selection dialog. Returns the name of the document to be inserted in the input or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectDocumentCallback: SelectDocumentCallback;\n\n  /**\n   * @property suggestDocumentsCallback\n   * @description Callback that must be called to obtain options for the document input.\n   */\n  @Prop() readonly suggestDocumentsCallback: SuggestDocumentsCallback;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#refreshDocumentsActionListState();\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n    const shadowRoot = this.el.shadowRoot;\n    const checkboxes = this.#getAllCheckboxes(\n      shadowRoot as unknown as HTMLElement\n    );\n    if (checkboxes) {\n      checkboxes.forEach(checkbox => {\n        checkbox.addEventListener(\n          \"input\",\n          this.#handleCheckboxChange.bind(this)\n        );\n      });\n    }\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  #getAllCheckboxes(node: HTMLElement): HTMLChCheckboxElement[] {\n    const checkboxes: HTMLChCheckboxElement[] = [];\n\n    node.childNodes.forEach(child => {\n      if (child.nodeName === NODENAME) {\n        checkboxes.push(child as HTMLChCheckboxElement);\n      } else if (child instanceof HTMLElement) {\n        checkboxes.push(...this.#getAllCheckboxes(child));\n      }\n    });\n\n    return checkboxes;\n  }\n  #addDocument(documentName: string) {\n    const documentExists = this.documents.some(\n      doc => doc.name === documentName\n    );\n    if (!documentExists) {\n      this.documents = [\n        ...this.documents,\n        {\n          name: documentName,\n          deleteEnabled: false,\n          deleteRequired: false,\n          newEnabled: false,\n          newRequired: false,\n          readEnabled: false,\n          readRequired: false,\n          updateEnabled: false,\n          updateRequired: false\n        }\n      ];\n      this.#refreshDocumentsActionListState();\n    }\n  }\n\n  #cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n  #confirmCallbackHandler = () => {\n    this.confirmCallback(this.documents);\n  };\n\n  #documentSuggestValueChangedHandler = async (\n    e: ChComboBoxRenderCustomEvent<string> & InputEvent\n  ) => {\n    const value = e.detail;\n    this.suggestDocumentsCallback(value)\n      .then(result => {\n        this.suggestedDocuments =\n          convertSuggestedDocumentsToSuggestItems(result);\n      })\n      .catch(() => {\n        // to do\n      });\n  };\n\n  #handleCheckboxChange() {\n    const data: TaskDocumentData = {\n      name: this.selectedDocument.name,\n      readEnabled: this.#readEnabledCheckboxEl.value === CHECKED_VALUE,\n      readRequired: this.#readRequiredCheckboxEl.value === CHECKED_VALUE,\n      newEnabled: this.#newEnabledCheckboxEl.value === CHECKED_VALUE,\n      newRequired: this.#newRequiredCheckboxEl.value === CHECKED_VALUE,\n      updateEnabled: this.#updateEnabledCheckboxEl.value === CHECKED_VALUE,\n      updateRequired: this.#updateRequiredCheckboxEl.value === CHECKED_VALUE,\n      deleteEnabled: this.#deleteEnabledCheckboxEl.value === CHECKED_VALUE,\n      deleteRequired: this.#deleteRequiredCheckboxEl.value === CHECKED_VALUE\n    };\n\n    this.selectedDocument = data;\n\n    this.documents = this.documents.map(doc =>\n      doc.name === this.selectedDocument.name ? this.selectedDocument : doc\n    );\n  }\n\n  #handleDeleteButton = () => {\n    this.documents = this.documents.filter(\n      doc => doc.name !== this.selectedDocument.name\n    );\n    this.selectedDocument = null;\n    this.#refreshDocumentsActionListState();\n  };\n\n  #listenDocumentSelected = async (e: CustomEvent<string>) => {\n    if (e.detail) {\n      this.#addDocument(e.detail);\n    }\n  };\n\n  #objectSelectionChangedHandler = (e: CustomEvent) => {\n    this.selectedDocument = this.documents.find(\n      doc => doc.name === e.detail[0]?.item.caption\n    );\n  };\n\n  #refreshDocumentsActionListState = () => {\n    this.documents?.sort((a, b) => {\n      return a.name.localeCompare(b.name);\n    });\n    this.documentsActionListState = taskDocumentsToActionListItemModel(\n      this.documents,\n      this.selectedDocument\n    );\n\n    this.selectedDocument =\n      this.selectedDocument || this.documents?.[0] || null;\n  };\n\n  #selectDocumentCallbackHandler = async () => {\n    const callbackResult = await this.selectDocumentCallback();\n    if (callbackResult) {\n      this.documentName = callbackResult;\n      this.#addDocument(callbackResult);\n    }\n  };\n\n  #renderActions = () => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid scrollable\"\n        rowSelectionMode=\"none\"\n        keyboardNavigationMode=\"focus\"\n        columnResizeMode=\"single\"\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnId=\"code\"\n            columnName=\"\"\n            settingable={false}\n            sortable={false}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnId=\"enabled\"\n            settingable={false}\n            sortable={false}\n            columnName={this.#_componentLocale.actions.enabledCheckbox}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnId=\"required\"\n            settingable={false}\n            sortable={false}\n            columnName={this.#_componentLocale.actions.requiredCheckbox}\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        <ch-tabular-grid-row\n          // read\n          class=\"tabular-grid-row\"\n          rowid=\"read\"\n        >\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#_componentLocale.actions.readLabel}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.readEnabled.toString()}\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#readEnabledCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.readRequired.toString()}\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#readRequiredCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n        </ch-tabular-grid-row>\n\n        <ch-tabular-grid-row\n          // new\n          class=\"tabular-grid-row\"\n          rowid=\"read\"\n        >\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#_componentLocale.actions.newLabel}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.newEnabled.toString()}\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#newEnabledCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.newRequired.toString()}\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#newRequiredCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n        </ch-tabular-grid-row>\n\n        <ch-tabular-grid-row\n          // update\n          class=\"tabular-grid-row\"\n          rowid=\"read\"\n        >\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#_componentLocale.actions.updateLabel}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.updateEnabled.toString()}\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#updateEnabledCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.updateRequired.toString()}\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#updateRequiredCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n        </ch-tabular-grid-row>\n\n        <ch-tabular-grid-row\n          // delete\n          class=\"tabular-grid-row\"\n          rowid=\"read\"\n        >\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#_componentLocale.actions.deleteLabel}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.deleteEnabled.toString()}\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#deleteEnabledCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.deleteRequired.toString()}\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#deleteRequiredCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n        </ch-tabular-grid-row>\n      </ch-tabular-grid>\n    );\n  };\n\n  #renderEmptyState = () => {\n    return (\n      <gx-ide-empty-state\n        class=\"recent-objects__empty-state\"\n        stateIconSrc={MODULE_ICON}\n        isAnimated={this.#renderedFirstTime}\n        stateTitle={this.#_componentLocale.emptyRightPanelInfo.title}\n      >\n        <button\n          class=\"button-secondary\"\n          onClick={this.#selectDocumentCallbackHandler}\n        >\n          {this.#_componentLocale.emptyRightPanelInfo.buttonCaption}\n        </button>\n      </gx-ide-empty-state>\n    );\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"footer dialog-footer dialog-footer-with-border spacing-body-block-end spacing-body-inline\">\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary\"\n            id=\"button-cancel\"\n            onClick={this.#cancelCallbackHandler}\n            part=\"button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancelButton}\n          </button>\n          <button\n            class=\"button-primary\"\n            id=\"button-create\"\n            onClick={this.#confirmCallbackHandler}\n            part=\"button-create\"\n          >\n            {this.#_componentLocale.footer.confirmButton}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderMain = () => {\n    return [\n      <div class=\"documents__list spacing-body-inline\">\n        <ch-action-list-render\n          selection=\"single\"\n          class=\"list-box\"\n          model={this.documentsActionListState}\n          onSelectedItemsChange={this.#objectSelectionChangedHandler}\n        ></ch-action-list-render>\n      </div>,\n      this.#renderActions()\n    ];\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          <div class=\"main field-group\">\n            <div class=\"documents__header buttons-spacer spacing-body-inline spacing-body-block-start\">\n              <ch-combo-box-render\n                class=\"combo-box documents__suggest\"\n                model={this.suggestedDocuments}\n                placeholder={\n                  this.#_componentLocale.documents.suggestPlaceholder\n                }\n                suggest={true}\n                onInput={this.#documentSuggestValueChangedHandler}\n                onChange={this.#listenDocumentSelected}\n                suggestOptions={{\n                  alreadyProcessed: false,\n                  autoExpand: true,\n                  hideMatchesAndShowNonMatches: false,\n                  highlightMatchedItems: false,\n                  matchCase: false,\n                  regularExpression: false,\n                  strict: false\n                }}\n              ></ch-combo-box-render>\n\n              <span>\n                <button\n                  class=\"button-tertiary button-icon-only\"\n                  aria-label={\n                    this.#_componentLocale.documents.addDocumentButtonLabel\n                  }\n                  title={\n                    this.#_componentLocale.documents.addDocumentButtonLabel\n                  }\n                  onClick={this.#selectDocumentCallbackHandler}\n                >\n                  <ch-image class=\"icon-xs\" src={MORE_ICON}></ch-image>\n                </button>\n\n                <button\n                  class=\"button-tertiary button-icon-only\"\n                  aria-label={\n                    this.#_componentLocale.documents.clearDocumentButtonLabel\n                  }\n                  title={\n                    this.#_componentLocale.documents.clearDocumentButtonLabel\n                  }\n                  onClick={this.#handleDeleteButton}\n                >\n                  <ch-image class=\"icon-xs\" src={DELETE_ICON}></ch-image>\n                </button>\n              </span>\n            </div>\n\n            {this.documentsActionListState.length\n              ? this.#renderMain()\n              : this.#renderEmptyState()}\n          </div>\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type TaskDocumentData = {\n  name: string;\n  readEnabled: boolean;\n  readRequired: boolean;\n  newEnabled: boolean;\n  newRequired: boolean;\n  updateEnabled: boolean;\n  updateRequired: boolean;\n  deleteEnabled: boolean;\n  deleteRequired: boolean;\n};\n\nexport type SuggestDocumentsCallback = (\n  documentName: string\n) => Promise<string[] | undefined>;\nexport type SelectDocumentCallback = () => Promise<string | undefined>;\nexport type ConfirmCallback = (data: TaskDocumentData[]) => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\n"],"mappings":"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"}