@genexus/genexus-ide-ui 1.1.5 → 1.1.6

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

@@ -1 +0,0 @@
-{"version":3,"names":["mapCategoryToListItemGroup","category","categoryGroup","caption","name","id","type","expanded","expandable","items","types","map","additionalInformation","center","imgSrc","icon","mapDataTypesToList","dataTypes","dataType","index","undefined","order","dataTypeSelectorCss","CSS_BUNDLES","ALL_CATEGORY_ID","RECENTLY_USED_CATEGORY_ID","CLOCK_ICON","getIconPath","colorType","GxIdeKbManagerImport","_GxIdeKbManagerImport__componentLocale","set","this","_GxIdeKbManagerImport_showAll","_GxIdeKbManagerImport_categoriesActionListItemGroupMap","Map","_GxIdeKbManagerImport_handleSelectionChange","event","eventType","detail","item","itemAdditionalBase","dataTypeSelectedCallback","__classPrivateFieldGet","_GxIdeKbManagerImport_updateListBoxModelState","call","selectedCategory","recentlyUsedActionListModel","forEach","selected","selectedItemIndex","recentlyUsed","findIndex","has","group","get","groupUpdated","_GxIdeKbManagerImport_showAllObjects","allCategoriesActionListModel","counter","mapLength","size","key","keys","push","categoriesListBoxModel","__classPrivateFieldSet","_GxIdeKbManagerImport_showRecentlyObjects","selectedCategoryHandler","e","currentTarget","dataset","newSelectedCategory","_GxIdeKbManagerImport_renderFooter","recentlyUsedBtnClass","allBtnClass","selectedCategoryDescription","fixedTypes","all","h","class","length","select","title","onClick","src","categories","buttonClass","categoriesChanged","newCategories","clear","categoryListBoxModel","loading","recentlyUsedChanged","newRecentlyUsed","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","loaderTitle","loader","description","show","selection","onSelectedItemsChange"],"sources":["src/components/data-type-selector/helpers.ts","src/components/data-type-selector/data-type-selector.scss?tag=gx-ide-data-type-selector&encapsulation=shadow","src/components/data-type-selector/data-type-selector.tsx"],"sourcesContent":["import { DataTypeCategoryData, DataTypeData } from \"./data-type-selector\";\nimport {\n  ActionListItemGroup,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n\nexport const mapCategoryToListItemGroup = (\n  category: DataTypeCategoryData\n): ActionListItemGroup => {\n  const categoryGroup: ActionListItemGroup = {\n    caption: category.name,\n    id: category.name,\n    type: \"group\",\n    expanded: true,\n    expandable: true,\n    items: category.types.map(type => {\n      return {\n        caption: type.name,\n        id: type.name,\n        additionalInformation: {\n          \"stretch-start\": {\n            center: [{ imgSrc: type.icon }]\n          }\n        },\n        type: \"actionable\"\n      };\n    })\n  };\n  return categoryGroup;\n};\n\nexport const mapDataTypesToList = (\n  dataTypes: DataTypeData[]\n): ActionListModel => {\n  return dataTypes.map((dataType, index) => {\n    return {\n      caption: dataType.name,\n      id: dataType.name,\n      additionalInformation: {\n        \"stretch-start\": {\n          center: [{ imgSrc: dataType.icon || undefined }]\n        }\n      },\n      type: \"actionable\",\n      order: index\n    };\n  });\n};\n",":host {\n  position: relative;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr max-content;\n\n  // WA: Prevent a custom css rule on genexus-web from overriding --control__border-width value.\n  // TDOO: remove this when the custom style is removed from genexus-web.\n  // custom stlye is: .gx-struct-editor .tabular-grid-cell {\n  //   --control__border-width: 0;\n  // }\n\n  --control__border-width: var(--mer-border__width--sm);\n  --control__border-radius: var(--mer-border__radius--sm);\n}\n\n.main {\n  display: contents;\n}\n\n.selected-category {\n  margin: 0;\n  text-transform: capitalize;\n  margin-inline-start: var(\n    --mer-spacing--md\n  ); // TODO: Create a semantic class in Mercury for this case.\n  white-space: nowrap;\n}\n\n.footer {\n  overflow: auto;\n}\n","// Stencil\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  ActionListItemActionable,\n  ActionListItemModel,\n  ActionListItemModelExtended,\n  ActionListItemType,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library\";\nimport {\n  ActionListItemAdditionalBase,\n  ActionListItemGroup\n} from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n// Gx Ide Ui\nimport { Locale } from \"../../common/locale\";\nimport { mapCategoryToListItemGroup, mapDataTypesToList } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"components/tooltip\",\n  \"components/list-box\",\n  \"components/tree-view\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst ALL_CATEGORY_ID = \"all\";\nconst RECENTLY_USED_CATEGORY_ID = \"recenttly-used\";\n\nconst CLOCK_ICON = getIconPath({\n  category: \"system\",\n  name: \"time\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-data-type-selector\",\n  styleUrl: \"data-type-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/data-type-selector\"]\n})\nexport class GxIdeKbManagerImport {\n  #_componentLocale: any;\n  #showAll: boolean = false;\n  #categoriesActionListItemGroupMap: Map<string, ActionListItemGroup> = new Map<\n    string,\n    ActionListItemGroup\n  >();\n\n  @Element() el: HTMLGxIdeDataTypeSelectorElement;\n\n  @State() categoriesListBoxModel: ActionListItemModel[] = [];\n  @State() selectedCategory: string;\n  @State() statusInfo: StatusInfo[] = [];\n  @State() recentlyUsedActionListModel: ActionListModel = [];\n  @State() loading: boolean = true;\n\n  /**\n   * All possible types and its category\n   */\n  @Prop() readonly categories: DataTypeCategoryData[] = undefined;\n  @Watch(\"categories\")\n  categoriesChanged(newCategories: DataTypeCategoryData[]) {\n    if (!newCategories?.length) {\n      return;\n    }\n    this.#categoriesActionListItemGroupMap.clear();\n    newCategories.forEach(category => {\n      const categoryListBoxModel = mapCategoryToListItemGroup(category);\n      this.#categoriesActionListItemGroupMap.set(\n        category.name,\n        categoryListBoxModel\n      );\n    });\n    this.loading = false;\n    this.#showAllObjects();\n  }\n\n  /**\n   * Callback invoked when user select an item type\n   */\n  @Prop() readonly dataTypeSelectedCallback: DataTypeSelectedCallback;\n\n  /**\n   * All recently used types list\n   */\n  @Prop() readonly recentlyUsed: DataTypeData[] = [];\n  @Watch(\"recentlyUsed\")\n  recentlyUsedChanged(newRecentlyUsed: DataTypeData[]) {\n    this.recentlyUsedActionListModel = null;\n    this.recentlyUsedActionListModel = mapDataTypesToList(newRecentlyUsed);\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    // initialize models\n    this.recentlyUsed.length && this.recentlyUsedChanged(this.recentlyUsed);\n  }\n\n  #handleSelectionChange = (\n    event: CustomEvent<ActionListItemModelExtended[]>\n  ) => {\n    const eventType = event.detail[0]?.item.type;\n    if (eventType === \"actionable\") {\n      const name = event.detail[0].item.caption;\n\n      const itemAdditionalBase = event.detail[0].item.additionalInformation[\n        \"stretch-start\"\n      ].center[0] as ActionListItemAdditionalBase;\n      const icon = itemAdditionalBase.imgSrc;\n\n      this.dataTypeSelectedCallback({\n        name: name,\n        icon: icon\n      });\n\n      this.#updateListBoxModelState(event.detail[0].item.caption, \"actionable\");\n    } else if (eventType === \"group\") {\n      this.#updateListBoxModelState(event.detail[0].item.caption, \"group\");\n    }\n  };\n\n  #updateListBoxModelState = (name: string, type: ActionListItemType) => {\n    if (this.selectedCategory === RECENTLY_USED_CATEGORY_ID) {\n      this.recentlyUsedActionListModel.forEach(item => {\n        // clear selected\n        (item as ActionListItemActionable).selected = false;\n      });\n      const selectedItemIndex = this.recentlyUsed.findIndex(\n        item => item.name === name\n      );\n      if (selectedItemIndex !== -1) {\n        (\n          this.recentlyUsedActionListModel[\n            selectedItemIndex\n          ] as ActionListItemActionable\n        ).selected = true;\n      }\n    } else if (\n      type === \"group\" &&\n      this.#categoriesActionListItemGroupMap.has(name)\n    ) {\n      const group = this.#categoriesActionListItemGroupMap.get(\n        name\n      ) as ActionListItemGroup;\n      const groupUpdated = { ...group, expanded: group.expanded };\n      this.#categoriesActionListItemGroupMap.set(name, groupUpdated);\n    }\n  };\n\n  #showAllObjects = () => {\n    if (!this.#showAll) {\n      const allCategoriesActionListModel: ActionListItemModel[] = [];\n      let counter = 1;\n      const mapLength = this.#categoriesActionListItemGroupMap.size;\n      for (const key of this.#categoriesActionListItemGroupMap.keys()) {\n        allCategoriesActionListModel.push(\n          this.#categoriesActionListItemGroupMap.get(key)\n        );\n        if (counter !== mapLength) {\n          allCategoriesActionListModel.push({ type: \"separator\" });\n        }\n        counter++;\n      }\n      this.categoriesListBoxModel = allCategoriesActionListModel;\n      this.#showAll = true;\n      this.selectedCategory = ALL_CATEGORY_ID;\n    }\n  };\n\n  #showRecentlyObjects = () => {\n    this.#showAll = false;\n    this.categoriesListBoxModel = this.recentlyUsedActionListModel;\n    this.selectedCategory = RECENTLY_USED_CATEGORY_ID;\n  };\n\n  private selectedCategoryHandler = (e: MouseEvent) => {\n    this.selectedCategory = (e.currentTarget as HTMLButtonElement).dataset.name;\n    const newSelectedCategory = [\n      this.#categoriesActionListItemGroupMap.get(this.selectedCategory)\n    ];\n    this.categoriesListBoxModel = newSelectedCategory;\n    this.#showAll = false;\n  };\n\n  #renderFooter = () => {\n    const recentlyUsedBtnClass =\n      this.selectedCategory === RECENTLY_USED_CATEGORY_ID\n        ? \"button-secondary\"\n        : \"button-tertiary\";\n    const allBtnClass =\n      this.selectedCategory === ALL_CATEGORY_ID\n        ? \"button-secondary\"\n        : \"button-tertiary\";\n    let selectedCategoryDescription = this.selectedCategory;\n    if (this.selectedCategory === RECENTLY_USED_CATEGORY_ID) {\n      selectedCategoryDescription =\n        this.#_componentLocale.fixedTypes.recentlyUsed;\n    } else if (this.selectedCategory === ALL_CATEGORY_ID) {\n      selectedCategoryDescription = this.#_componentLocale.fixedTypes.all;\n    } else {\n      selectedCategoryDescription = this.selectedCategory;\n    }\n\n    return (\n      <footer\n        class=\"footer control-footer control-footer-start spacing-body-inline spacing-body-block scrollable\n      \"\n      >\n        <div class=\"buttons-spacer\">\n          {this.recentlyUsed && this.recentlyUsed.length > 0 && (\n            <button\n              class={`button-icon-only ${recentlyUsedBtnClass}`}\n              aria-label={`${this.#_componentLocale.select} ${\n                this.#_componentLocale.fixedTypes.recentlyUsed\n              }`}\n              title={`${this.#_componentLocale.select} ${\n                this.#_componentLocale.fixedTypes.recentlyUsed\n              }`}\n              onClick={this.#showRecentlyObjects}\n            >\n              <ch-image class=\"icon-md\" src={CLOCK_ICON}></ch-image>\n            </button>\n          )}\n          <button\n            class={`button-icon-only ${allBtnClass}`}\n            onClick={this.#showAllObjects}\n            aria-label={`${this.#_componentLocale.select} ${\n              this.#_componentLocale.fixedTypes.all\n            }`}\n            title={`${this.#_componentLocale.select} ${\n              this.#_componentLocale.fixedTypes.all\n            }`}\n          >\n            [*]\n          </button>\n          {this.categories.map(category => {\n            const buttonClass =\n              category.name === this.selectedCategory\n                ? \"button-secondary\"\n                : \"button-tertiary\";\n\n            return (\n              <button\n                class={`button-icon-only ${buttonClass}`}\n                aria-label={category.name}\n                title={category.name}\n                onClick={this.selectedCategoryHandler}\n                data-name={category.name}\n              >\n                <ch-image class=\"icon-md\" src={category.icon}></ch-image>\n              </button>\n            );\n          })}\n        </div>\n        <p class=\"body-regular-s selected-category\">\n          {selectedCategoryDescription}\n        </p>\n      </footer>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.loading ? (\n          <gx-ide-loader\n            loaderTitle={this.#_componentLocale.loader.title}\n            description={this.#_componentLocale.loader.description}\n            show\n          ></gx-ide-loader>\n        ) : (\n          <section class=\"main\">\n            <ch-action-list-render\n              class=\"list-box\"\n              model={this.categoriesListBoxModel}\n              selection=\"single\"\n              onSelectedItemsChange={this.#handleSelectionChange}\n            ></ch-action-list-render>\n            {this.#renderFooter()}\n          </section>\n        )}\n      </Host>\n    );\n  }\n}\n\ntype StatusInfo = {\n  [key: string]: {\n    display: boolean;\n  };\n};\n\nexport type DataTypeCategoryData = {\n  name: string;\n  icon: string;\n  types: DataTypeData[];\n};\nexport type DataTypeData = {\n  name: string;\n  icon: string;\n};\n\nexport type DataTypeSelectedCallback = (data: {\n  name: string;\n  icon: string;\n}) => Promise<void>;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-9b238bf7.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","stateWithPromise","result","console","log","success","remoteId","fileUploadedCallback","originalName","error","errors","upload","Error","message","value","_FileUploader_handleNameChange","event","detail","updatedFile","trim","isEditing","fileRenamedCallback","fileId","newName","_FileUploader_handleFileCancel","cancel","cancelUploadFunction","uploadCancelledCallback","delete","fileToDelete","shouldDelete","onBeforeDelete","fileDeletedCallback","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","dragAndDrop","acceptedFiles","replace","allFilesAccepted","fileList","attachedFiles","filesCount","key","editable","canEditName","onFileNameChange","onFileDelete","onFileCancel","buttons","disabled","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  background-color: var(--mer-surface__background);\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(--mer-surface__elevation--01);\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(--mer-spacing--xs);\n      padding-inline-end: var(--spacing-body-inline-end);\n      padding-block-end: var(--mer-spacing--md);\n    }\n  }\n\n  &__list-title-container {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--2xs);\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% - var(--mer-spacing--sm));\n    min-block-size: 200px;\n    margin-block-end: var(--mer-spacing--sm);\n    background: var(--mer-surface__elevation--01);\n    border: var(--mer-border__width--md) dashed var(--mer-border-color__dim);\n    border-radius: var(--mer-border__radius--md);\n    transition: border-color 0.3s ease, background-color 0.3s ease,\n      opacity 0.3s ease;\n\n    &--dragging {\n      border-color: var(--mer-accent__primary);\n      background: var(--mer-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(--mer-spacing--2xs);\n      margin-block-start: var(--mer-spacing--xs);\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(--mer-spacing--xs);\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          console.log(\"Upload result:\", { id, result });\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              console.log(\"File uploaded successfully:\", updatedState);\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              console.log(\"File upload failed:\", 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            console.log(\"File upload error:\", 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        console.log(\"File validation:\", {\n          id: file.id,\n          name: file.name,\n          pending: file.pending,\n          remoteId: file.remoteId,\n          error: file.error,\n          isValid\n        });\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    console.log(\"Files to be confirmed:\", uploadedFiles);\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-md\" 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-md\" 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 control-footer control-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-9c690c36.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dashboardHomeCss","mapStatusToIcons","new","modified","conflicted","unmodified","mapStatusToLocale","GxIdeDashboardHome","this","renderedFirstTime","_GxIdeDashboardHome_folderIcon","set","getIconPath","category","name","colorType","evaluateLoader","recentObjects","undefined","loaderEl","container","recentObjectsContainerEl","show","handleKbNameChange","async","updatedTitle","updatedKbName","detail","renameKBCallback","response","then","result","success","kb","editValidation","kbNameEl","handleEnvNameChange","renameEnvironmentCallback","envNameEl","value","environment","handleDescriptionChange","editDescriptionCallback","openObject","id","openObjectCallback","el","validationStatus","validationMessage","errorMessage","renderProjectContent","projectDescription","h","class","innerHTML","enableEditDescription","type","icon","onClick","_componentLocale","edit","recentObjectsHandler","newRecentObjects","componentWillLoad","Locale","getComponentStrings","componentDidLoad","componentDidRender","componentDidRenderFirstTime","emit","componentName","renderFrontEndTitle","frontEnd","length","frontEndLang","frontEndLangs","renderKbDates","created","lastBuild","padding","formatDate","render","Host","enableEditKBName","fluid","onValueChanged","focusType","debounce","ref","version","currentVersion","enableEditEnvironmentName","cardType","cardTitle","map","obj","color","style","backEnd","dataStore","editableTitle","project","title","noPaddingTop","stateIconSrc","__classPrivateFieldGet","stateTitle","emptyState","stateDescription","description","statusLocale","status","statusDescription","background","actionable","typeIcon","italic","modificationDate","loaderTitle","loader"],"sources":["src/components/dashboard-home/dashboard-home.scss?tag=gx-ide-dashboard-home&encapsulation=shadow","src/components/dashboard-home/dashboard-home.tsx"],"sourcesContent":["@import \"../../../node_modules/@genexus/gemini/dist/gemini/globals/mixins.scss\";\n@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  height: 100%;\n  overflow: auto;\n  margin: var(--mer-spacing--lg);\n}\n\n// Manage height and overflow\n:host,\n.gx-ide-main-wrapper,\n.grid--basic,\n.project,\n.recent-objects {\n  height: 100%;\n  overflow: auto;\n}\n\n.gx-ide-main-wrapper {\n  container-name: dashboard-main-wrapper;\n  container-type: inline-size;\n}\n\n.kb {\n  grid-area: kb;\n  align-self: center;\n  .version-pill {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n  .kb-detail {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    flex-wrap: wrap;\n    margin-block-start: var(--mer-spacing--md);\n    gap: var(--mer-spacing--md);\n    .display-inline {\n      @include line-clamp;\n      font-style: italic;\n      opacity: 0.5;\n    }\n  }\n}\n\n.environment {\n  grid-area: environment;\n  &__environments {\n    padding-block-end: var(--gx-ide-grid-column-gap);\n    display: flex;\n    flex-direction: row;\n    gap: var(--gx-ide-grid-column-gap);\n    @include gxg-scrollbar;\n    overflow-x: auto;\n    .environment-card {\n      min-width: 180px;\n      flex-grow: 1;\n    }\n    .environment-container {\n      display: flex;\n      flex-direction: column;\n      gap: var(--gx-ide-cards-vertical-spacing);\n    }\n    .environment-item {\n      display: flex;\n      align-items: center;\n      gap: var(--mer-spacing--2xs);\n    }\n  }\n}\n.environment-title {\n  margin-block-end: var(--mer-spacing--xs);\n  display: block;\n}\n\n.project {\n  grid-area: project;\n  .project-buttons {\n    margin-block-start: var(--mer-spacing--md);\n    gap: var(--mer-spacing--md);\n  }\n  .project-description {\n    > *:first-child {\n      margin-block-start: 0;\n    }\n    > *:last-child {\n      margin-block-end: 0;\n    }\n  }\n}\n\n.recent-objects {\n  grid-area: recent-objects;\n  &__container {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: var(--gx-ide-cards-vertical-spacing);\n  }\n  &__object {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--gx-ide-cards-horizontal-spacing);\n    .obj-name {\n      color: var(--gray-06);\n    }\n    .col {\n      display: flex;\n      gap: var(--gx-ide-cards-horizontal-spacing);\n    }\n  }\n  &__empty-state {\n    height: 100%;\n  }\n}\n\n.grid--basic {\n  flex-grow: 1;\n  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n  gap: var(--mer-spacing--xl);\n  grid-template-areas:\n    \"kb environment\"\n    \"project recent-objects\";\n  grid-template-rows: auto 1fr;\n}\n@container (width < 768px) {\n  .grid--basic {\n    grid-template-rows: auto auto auto;\n    grid-template-areas:\n      \"kb environment\"\n      \"project project\"\n      \"recent-objects recent-objects\";\n  }\n}\n\ngxg-title-editable {\n  width: 100%;\n}\n\ngx-ide-card {\n  height: 100%;\n}\n\ngxg-ide-loader::part(loader-wrapper) {\n  border: var(--mer-elevation__border-01);\n  border-radius: var(--gxg-card-section_border-radius);\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { getIconPath } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { formatDate } from \"../../common/helpers\";\n\nconst mapStatusToIcons: {\n  [key in RecentObjectStatus]: StatusIcons;\n} = {\n  \"new\": \"gx-server/new\",\n  \"modified\": \"patterns-default-associated/modified\",\n  \"conflicted\": \"patterns-default-associated/synchronized\",\n  \"unmodified\": null,\n  \"not-connected\": null\n};\n\nconst mapStatusToLocale: {\n  [key in RecentObjectStatus]: string;\n} = {\n  \"new\": \"new\",\n  \"modified\": \"modified\",\n  \"conflicted\": \"conflicted\",\n  \"unmodified\": \"unmodified\",\n  \"not-connected\": \"notConnected\"\n};\n\n@Component({\n  tag: \"gx-ide-dashboard-home\",\n  styleUrl: \"dashboard-home.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/dashboard-home\"]\n})\nexport class GxIdeDashboardHome {\n  // 1.Own Properties\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  #folderIcon = getIconPath({\n    category: \"system\",\n    name: \"folder\",\n    colorType: \"on-elevation\"\n  });\n\n  // 2.Reference To Elements\n\n  @Element() el: HTMLGxIdeDashboardHomeElement;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private kbNameEl!: HTMLGxgTitleEditableElement;\n  private envNameEl!: HTMLGxgTitleEditableElement;\n  private recentObjectsContainerEl!: HTMLGxgCardElement;\n  /* private projectDescriptionEl!: HTMLGxgFormTextareaElement;*/\n\n  // 3.State\n\n  /**\n   * The editing state for the environment name.\n   */\n  @State() editingEnvName = false;\n\n  /**\n   * The editing state for the project details.\n   */\n  @State() editingProjectDescription = false;\n\n  // 4.Public Property API\n\n  /**\n   * The KB basic properties.\n   */\n  @Prop() readonly kb: KBData;\n\n  /**\n   * This allows the kb to be editable by the user.\n   */\n  @Prop() readonly enableEditKBName: boolean = false;\n\n  /**\n   * Information of the current environment.\n   */\n  @Prop() readonly environment: EnvironmentData;\n\n  /**\n   * This allows the environment name to be editable by the user.\n   */\n  @Prop() readonly enableEditEnvironmentName: boolean = false;\n\n  /**\n   * Project Detail description.\n   */\n  @Prop() readonly projectDescription: string;\n\n  /**\n   * This allows the project description to be modified by the user.\n   */\n  @Prop() readonly enableEditDescription: boolean = false;\n\n  /**\n   * Recently edited objects.\n   */\n  @Prop() readonly recentObjects: recentObjectData[];\n  @Watch(\"recentObjects\")\n  recentObjectsHandler(newRecentObjects: recentObjectData[]) {\n    if (newRecentObjects) {\n      this.loaderEl.show = false;\n    }\n  }\n\n  /**\n   * Callback invoked when user tries to rename the KB.\n   * Receives the new name as a parameter\n   * and returns a promise with the result of the operation.\n   */\n  @Prop() readonly renameKBCallback: (name: string) => Promise<EditResult>;\n\n  /**\n   * Callback invoked when user tries to rename the KB environment.\n   * Receives the new name as a parameter\n   * and returns a promise with the result of the operation.\n   */\n  @Prop() readonly renameEnvironmentCallback: (\n    name: string\n  ) => Promise<EditResult>;\n\n  /**\n   * Callback invoked when user tries to edit the Project Description.\n   * The edition is resolved by the host.\n   */\n  @Prop() readonly editDescriptionCallback: () => Promise<void>;\n\n  /**\n   * Callback invoked when user tries to open one of the listed Recent Objects\n   * Receives the internal ID of the object\n   */\n  @Prop() readonly openObjectCallback: (id: string) => Promise<void>;\n\n  // 5.Events\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.Component Lifecycle Events\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.evaluateLoader();\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  // 7.Listeners\n\n  // 8.Public Methods API\n\n  // 9.Local Methods\n\n  private evaluateLoader = () => {\n    if (this.recentObjects === undefined) {\n      this.loaderEl.container = this.recentObjectsContainerEl;\n      this.loaderEl.show = true;\n    }\n  };\n\n  // Kb Name\n\n  private handleKbNameChange = async (updatedTitle: CustomEvent<string>) => {\n    const updatedKbName = updatedTitle.detail;\n    if (this.renameKBCallback) {\n      const response = this.renameKBCallback(updatedKbName);\n      response.then((result: EditResult) => {\n        if (result.success) {\n          this.kb.name = updatedKbName;\n        }\n        this.editValidation(result, this.kbNameEl);\n      });\n    }\n  };\n\n  // Environment Name\n  private handleEnvNameChange = async () => {\n    if (this.renameEnvironmentCallback) {\n      const response = this.renameEnvironmentCallback(this.envNameEl.value);\n      response.then((result: EditResult) => {\n        if (result.success) {\n          this.environment.name = this.envNameEl.value;\n        }\n        this.editValidation(result, this.envNameEl);\n      });\n    }\n  };\n\n  private handleDescriptionChange = async () => {\n    if (this.editDescriptionCallback) {\n      await this.editDescriptionCallback();\n    }\n  };\n\n  // Recent Objects\n\n  private openObject = (id: string) => {\n    this.openObjectCallback(id);\n  };\n\n  // Validation\n\n  private editValidation = (\n    result: EditResult,\n    el: HTMLGxgTitleEditableElement\n  ) => {\n    if (!result.success) {\n      el.validationStatus = \"error\";\n      el.validationMessage = result.errorMessage;\n    } else {\n      el.validationStatus = \"indeterminate\";\n      el.validationMessage = \"\";\n    }\n  };\n\n  // 10.Render Function\n\n  private renderProjectContent = (): Element => {\n    return this.projectDescription ? (\n      <div class=\"project-description\" innerHTML={this.projectDescription}>\n        {this.enableEditDescription ? (\n          <gxg-button\n            type=\"secondary-text-icon\"\n            icon=\"gemini-tools/edit\"\n            onClick={this.handleDescriptionChange}\n          >\n            {this._componentLocale.edit}\n          </gxg-button>\n        ) : null}\n      </div>\n    ) : null;\n  };\n\n  private renderFrontEndTitle() {\n    return this.environment.frontEnd.length <= 1\n      ? this._componentLocale.environment.frontEndLang\n      : this._componentLocale.environment.frontEndLangs;\n  }\n\n  private renderKbDates() {\n    return this.kb.created || this.kb.lastBuild ? (\n      <gxg-text class=\"display-inline\" type=\"text-gray\" padding=\"s\">\n        {\n          /* created*/\n          this.kb.created\n            ? `${this._componentLocale.created}: ${formatDate(\n                this.kb.created,\n                \"date-time-short\"\n              )}`\n            : null\n        }\n        {this.kb.created && this.kb.lastBuild ? \" - \" : null}\n        {\n          /* last build date */\n          this.kb.lastBuild\n            ? `${this._componentLocale.lastBuild}: ${formatDate(\n                this.kb.lastBuild,\n                \"date-time-short\"\n              )}`\n            : null\n        }\n      </gxg-text>\n    ) : null;\n  }\n\n  // 11.RENDER() MAIN FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <div class=\"gx-ide-main-wrapper\">\n          <div class=\"grid grid--basic\">\n            <div class=\"kb gxi-overflow-auto\">\n              <gxg-title-editable\n                value={this.kb.name}\n                disable-edition={!this.enableEditKBName}\n                click-to-edit={true}\n                fluid\n                onValueChanged={this.handleKbNameChange}\n                focusType=\"text\"\n                debounce\n                ref={el => (this.kbNameEl = el as HTMLGxgTitleEditableElement)}\n              ></gxg-title-editable>\n              <div class=\"align-center kb-detail\">\n                <gxg-pill id=\"pill\" type=\"static\" icon=\"objects/procedure\">\n                  {this._componentLocale.version}: {this.kb.currentVersion}\n                </gxg-pill>\n\n                {this.renderKbDates()}\n              </div>\n            </div>\n\n            <div class=\"environment\">\n              <gxg-title-editable\n                class=\"environment-title\"\n                value={this.environment.name}\n                disable-edition={!this.enableEditEnvironmentName}\n                click-to-edit={true}\n                title-type=\"h3\"\n                ref={el => (this.envNameEl = el as HTMLGxgTitleEditableElement)}\n                onValueChanged={this.handleEnvNameChange}\n                focusType=\"text\"\n                debounce\n              ></gxg-title-editable>\n              <div class=\"environment__environments\">\n                <gxg-card\n                  cardType=\"mini\"\n                  class=\"environment-card\"\n                  cardTitle={this.renderFrontEndTitle()}\n                >\n                  <div class=\"environment-container\">\n                    {this.environment?.frontEnd?.map(\n                      (obj: EnvironmentItemData) => (\n                        <div class=\"environment-item\">\n                          <gxg-icon\n                            type={obj.icon}\n                            color=\"onbackground\"\n                            style={{\n                              \"--mer-text__on-surface\": \"var(--gray-05);\"\n                            }}\n                          ></gxg-icon>\n                          {obj.name}\n                        </div>\n                      )\n                    )}\n                  </div>\n                </gxg-card>\n                <gxg-card\n                  cardType=\"mini\"\n                  class=\"environment-card\"\n                  cardTitle={this._componentLocale.environment.backEnd}\n                >\n                  <div class=\"environment-container\">\n                    <div class=\"environment-item\">\n                      <gxg-icon\n                        type={this.environment.backEnd.icon}\n                        color=\"onbackground\"\n                        style={{\n                          \"--mer-text__on-surface\": \"var(--gray-05);\"\n                        }}\n                      ></gxg-icon>\n                      {this.environment.backEnd.name}\n                    </div>\n                  </div>\n                </gxg-card>\n\n                <gxg-card\n                  cardType=\"mini\"\n                  class=\"environment-card\"\n                  cardTitle={this._componentLocale.environment.dataStore}\n                >\n                  <div class=\"environment-container\">\n                    <div class=\"environment-item\">\n                      <gxg-icon\n                        type={this.environment.dataStore.icon}\n                        color=\"onbackground\"\n                        style={{\n                          \"--mer-text__on-surface\": \"var(--gray-05);\"\n                        }}\n                      ></gxg-icon>\n                      {this.environment.dataStore.name}\n                    </div>\n                  </div>\n                </gxg-card>\n              </div>\n            </div>\n\n            <gxg-card\n              editableTitle={false}\n              cardTitle={this._componentLocale.project.title}\n              class=\"project\"\n            >\n              {/* <gxg-tabs height=\"auto\" minWidth=\"100%\">\n                <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n                  <gxg-tab-button\n                    slot=\"tab-bar\"\n                    tab-label={this._componentLocale.project.tabs.description}\n                    tab=\"description\"\n                    is-selected\n                  ></gxg-tab-button>\n                  <gxg-tab-button\n                    slot=\"tab-bar\"\n                    tab-label={this._componentLocale.project.tabs.lookFeel}\n                    tab=\"lookFeel\"\n                  ></gxg-tab-button>\n                  <gxg-tab-button\n                    slot=\"tab-bar\"\n                    tab-label={this._componentLocale.project.tabs.architecture}\n                    tab=\"architecture\"\n                  ></gxg-tab-button>\n                </gxg-tab-bar>\n                <gxg-tab noPadding tab=\"description\" flexContainer>\n                  {this.renderProjectContent()}\n                </gxg-tab>\n                <gxg-tab noPadding tab=\"lookFeel\" flexContainer></gxg-tab>\n                <gxg-tab noPadding tab=\"architecture\" flexContainer></gxg-tab>\n              </gxg-tabs> */}\n              {this.renderProjectContent()}\n            </gxg-card>\n\n            <gxg-card\n              editableTitle={false}\n              cardTitle={this._componentLocale.recentObjects.title}\n              class=\"recent-objects\"\n              cardType=\"section\"\n              noPaddingTop\n              ref={el =>\n                (this.recentObjectsContainerEl = el as HTMLGxgCardElement)\n              }\n            >\n              <div class=\"recent-objects__container\">\n                {this.recentObjects?.length === 0 ? (\n                  <gx-ide-empty-state\n                    class=\"recent-objects__empty-state\"\n                    stateIconSrc={this.#folderIcon}\n                    stateTitle={\n                      this._componentLocale.recentObjects.emptyState.title\n                    }\n                    stateDescription={\n                      this._componentLocale.recentObjects.emptyState.description\n                    }\n                  ></gx-ide-empty-state>\n                ) : (\n                  this.recentObjects?.map((obj: recentObjectData) => {\n                    const statusLocale = mapStatusToLocale[obj.status];\n                    const statusDescription =\n                      this._componentLocale.recentObjects.status[statusLocale];\n                    return (\n                      <gxg-card\n                        background=\"gray-01\"\n                        padding=\"m\"\n                        cardType=\"article\"\n                        class=\"recent-objects__card\"\n                        actionable\n                        onClick={() => this.openObject(obj.id)}\n                      >\n                        <div class=\"recent-objects__object\">\n                          <div class=\"col col-left\">\n                            <gxg-icon\n                              type={obj.typeIcon}\n                              color=\"auto\"\n                            ></gxg-icon>\n                            <gxg-text type=\"text-regular\" class=\"obj-name\">\n                              {obj.name}\n                            </gxg-text>\n                          </div>\n                          <div class=\"col col-right\">\n                            <gxg-text italic>\n                              {statusDescription}\n                              {obj.status === \"modified\"\n                                ? formatDate(obj.modificationDate, \"date\")\n                                : null}\n                            </gxg-text>\n                            {obj.status !== \"unmodified\" &&\n                            obj.status !== \"not-connected\" ? (\n                              <gxg-icon\n                                type={mapStatusToIcons[obj.status]}\n                                color=\"auto\"\n                              ></gxg-icon>\n                            ) : null}\n                          </div>\n                        </div>\n                      </gxg-card>\n                    );\n                  })\n                )}\n              </div>\n            </gxg-card>\n          </div>\n        </div>\n        <gxg-ide-loader\n          loaderTitle={this._componentLocale.loader.title}\n          description={this._componentLocale.loader.description}\n          ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n        ></gxg-ide-loader>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  name: string;\n  currentVersion: string;\n  created: Date;\n  lastBuild?: Date;\n};\n\nexport type EnvironmentData = {\n  name: string;\n  frontEnd: EnvironmentItemData[];\n  backEnd: EnvironmentItemData;\n  dataStore: EnvironmentItemData;\n};\n\nexport type EnvironmentItemData = {\n  icon: string;\n  name: string;\n};\n\nexport type recentObjectData = {\n  id: string;\n  typeIcon: string;\n  name: string;\n  modificationDate: Date;\n  status: RecentObjectStatus;\n};\n\nexport type RecentObjectStatus =\n  | \"new\"\n  | \"modified\"\n  | \"conflicted\"\n  | \"unmodified\"\n  | \"not-connected\";\n\nexport type StatusIcons =\n  // toDo: Add proper icons!!\n  | \"gx-server/new\"\n  | \"patterns-default-associated/modified\"\n  | \"patterns-default-associated/synchronized\"\n  | \"gx-server/delete\";\n\nexport type EditResult = {\n  success: boolean;\n  errorMessage: string;\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-a6029d9a.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","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","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","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 \"../../../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: var(--mer-spacing--2xs);\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: 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: 0 0, 0 10px, 10px -10px, -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: var(--mer-spacing--4xl);\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(--mer-timing--fast) ease-in-out forwards;\n\n  &--info {\n    color: var(--mer-text__on-surface);\n  }\n  &--warning {\n    color: var(--mer-text__warning);\n  }\n  &--error {\n    color: var(--mer-text__error);\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n// WA's\n.combo-box.ch-disabled {\n  --control__bg-color: var(--control__background-color--disabled);\n  --control__border-color: var(--control__border-color--disabled);\n  --control__color: var(--control__color--disabled);\n  --ch-placeholder-color: var(--control-placeholder__color--disabled);\n}\n\n.tree-view::part(item__header) {\n  // TODO: Remove this when Mercury is updated to >= 0.12.8\n  min-inline-size: var(--tree-view__min-inline-size);\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          \"control-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-cols-2\": 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-md\"\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=\"control-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-a86a8692.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mapKbsModelToActionListModel","kbsData","listBoxItems","forEach","kb","push","id","type","caption","name","createKbFromServerCss","CSS_BUNDLES","GxIdeCreateKbFromServer","_GxIdeCreateKbFromServer_chSearchIcon","set","this","getIconPath","category","colorType","_GxIdeCreateKbFromServer_showMoreIcon","_GxIdeCreateKbFromServer_versionsSelect","value","_GxIdeCreateKbFromServer__componentLocale","_GxIdeCreateKbFromServer_kbsActionListModel","_GxIdeCreateKbFromServer_kbVersions","_GxIdeCreateKbFromServer_shortcutsSrc","getAssetPath","_GxIdeCreateKbFromServer_selectedKbId","_GxIdeCreateKbFromServer_kbNameAlreadyEditedByUser","_GxIdeCreateKbFromServer_searchKbsEl","_GxIdeCreateKbFromServer_versionSelectedTypeEl","_GxIdeCreateKbFromServer_localKBNameEl","_GxIdeCreateKbFromServer_cancelHandler","cancelCallback","_GxIdeCreateKbFromServer_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeCreateKbFromServer_createHandler","versionSelectedType","__classPrivateFieldSet","createKBCallback","selectedKB","__classPrivateFieldGet","versionSelected","localKBName","localKbNameInputValue","versionList","then","formSubmitResult","validatableControls","validateControls","_GxIdeCreateKbFromServer_evaluateTooltipRender","controlReference","get","hasError","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeCreateKbFromServer_filterValueChangedHandler","event","filterValue","detail","toLowerCase","kbsFilteredActionListModel","filter","item","includes","_GxIdeCreateKbFromServer_init","getGXserverKBsCallback","result","_GxIdeCreateKbFromServer_initializeValidatableControls","validatableControl","reference","undefined","_GxIdeCreateKbFromServer_inputLocalKbNameHandler","_GxIdeCreateKbFromServer_selectedVersionHandler","selectKBVersionsCallback","length","map","kbVersion","versionsValueInput","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeCreateKbFromServer_selectKbChangeHandler","enableSelectVersionsButton","_GxIdeCreateKbFromServer_versionsChangedHandler","_GxIdeCreateKbFromServer_renderFooter","onClick","part","footer","cancel","disabled","createKb","Map","componentDidLoad","focus","call","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","src","ref","chShortcutsEl","header","user","change","startImgSrc","onInput","placeholder","searchKbsPlaceholder","selection","onSelectedItemsChange","onChange","htmlFor","versionsLabel","readonly","versionsPlaceholderDisabled","localKbNameLabel","localKbNamePlaceholder"],"sources":["src/components/team-dev/create-kb-from-server/helpers.ts","src/components/team-dev/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/team-dev/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["import { ActionListItemModel } from \"@genexus/chameleon-controls-library\";\nimport { KBData } from \"./create-kb-from-server\";\n\nexport const mapKbsModelToActionListModel = (\n  kbsData: KBData[]\n): ActionListItemModel[] => {\n  const listBoxItems: ActionListItemModel[] = [];\n  kbsData.forEach(kb => {\n    listBoxItems.push({\n      id: kb.id,\n      type: \"actionable\",\n      caption: kb.name\n    });\n  });\n  return listBoxItems;\n};\n",":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - -\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(--mer-spacing--xs);\n  }\n\n  .button-icon-only {\n    border-color: var(--mer-color__neutral-gray--500);\n    border-width: var(--mer-border__width--sm);\n    border-radius: var(--mer-border__radius--sm);\n  }\n\n  .button-icon-only:hover {\n    border-color: var(--mer-color__neutral-gray--100);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../../common/config\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { mapKbsModelToActionListModel } from \"./helpers\";\nimport {\n  ActionListItemActionable,\n  ActionListItemModel,\n  ActionListItemModelExtended,\n  ChActionListRenderCustomEvent,\n  ChEditCustomEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/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-create-kb-from-server\",\n  styleUrl: \"create-kb-from-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/create-kb-from-server\"]\n})\nexport class GxIdeCreateKbFromServer {\n  #chSearchIcon = getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"on-surface\"\n  });\n\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-elevation\"\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  #kbsActionListModel: ActionListItemModel[] = [];\n  #kbVersions: KBVersion[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n  #kbNameAlreadyEditedByUser: boolean = false;\n\n  #searchKbsEl!: HTMLChEditElement;\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  #localKBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  /**\n   * The current kbn name value.\n   */\n  @State() localKbNameInputValue: string = \"\";\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * KBs filtered\n   */\n  @State() kbsFilteredActionListModel: ActionListItemModel[] = [];\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   * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.\n   */\n  @Prop() readonly createKBCallback!: (\n    kbInfo: KnowledgeBaseInfo\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Callback that must be invoked when invoking the dialog\n   */\n  @Prop() readonly getGXserverKBsCallback!: (\n    data: GXServerConnectionData\n  ) => Promise<KBData[]>;\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  componentDidLoad() {\n    (this.#searchKbsEl as HTMLElement).focus();\n\n    this.versionSelectedType = this.#versionSelectedTypeEl\n      .value as VersionOption;\n\n    this.#initializeValidatableControls();\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    await this.#init();\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  #createHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersions = [];\n    }\n    this.createKBCallback({\n      selectedKB: this.#selectedKbId,\n      versionSelected: this.versionSelectedType,\n      localKBName: this.localKbNameInputValue,\n      versionList: this.#kbVersions\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  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.kbsFilteredActionListModel = this.#kbsActionListModel.filter(\n      (item: ActionListItemActionable) =>\n        item.caption.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #init = async () => {\n    await this.getGXserverKBsCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    }).then(result => {\n      this.#kbsActionListModel = mapKbsModelToActionListModel(result);\n      this.kbsFilteredActionListModel = this.#kbsActionListModel;\n      this.filterValue = \"\";\n    });\n  };\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#localKBNameEl];\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  #inputLocalKbNameHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.localKbNameInputValue = event.detail as string;\n    this.#kbNameAlreadyEditedByUser = true;\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  #selectKbChangeHandler = (\n    event: ChActionListRenderCustomEvent<ActionListItemModelExtended[]>\n  ): void => {\n    const item = event.detail[0]?.item as ActionListItemActionable;\n    if (item === undefined) {\n      this.enableSelectVersionsButton = false;\n      this.#selectedKbId = undefined;\n      return;\n    }\n    this.enableSelectVersionsButton = true;\n    this.#selectedKbId = item.id;\n    if (this.#kbNameAlreadyEditedByUser) {\n      return;\n    }\n    this.localKbNameInputValue = item.caption;\n    if (this.versionSelectedType === \"Select\") {\n      this.versionsValueInput = \"\";\n      this.#kbVersions = [];\n    }\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"footer control-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            // create kb button\n            class=\"button-primary\"\n            onClick={this.enableSelectVersionsButton && this.#createHandler}\n            disabled={!this.enableSelectVersionsButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.createKb}\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 control-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              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            <ch-edit\n              class=\"input search-kbs\"\n              id=\"local-kb-name\"\n              startImgSrc={this.#chSearchIcon}\n              onInput={this.#filterValueChangedHandler}\n              placeholder={this.#_componentLocale.kb.searchKbsPlaceholder}\n              ref={el => (this.#searchKbsEl = el as HTMLChEditElement)}\n            ></ch-edit>\n\n            <ch-action-list-render\n              selection=\"single\"\n              class=\"list-box\"\n              onSelectedItemsChange={this.#selectKbChangeHandler}\n              model={this.kbsFilteredActionListModel}\n            ></ch-action-list-render>\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 =>\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                        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-sm\"\n                        ></ch-image>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"localKbName\">\n                {this.#_componentLocale.kb.localKbNameLabel}\n              </label>\n              <ch-edit\n                // local kb name\n                class=\"input\"\n                id=\"local-kb-name\"\n                value={this.localKbNameInputValue}\n                onInput={this.#inputLocalKbNameHandler}\n                placeholder={this.#_componentLocale.kb.localKbNamePlaceholder}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#localKBNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#localKBNameEl)}\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 KBVersion = {\n  id: number;\n  name: string;\n  type?: VersionType;\n};\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\n\nexport type KnowledgeBaseInfo = {\n  selectedKB: string;\n  versionSelected: VersionOption;\n  localKBName: string;\n  versionList: KBVersion[];\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n\nexport type VersionType = \"Branch\" | \"Frozen\";\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["gamInstallationSettingsCss","CSS_BUNDLES","GxIdeGamInstallationSettings","_GxIdeGamInstallationSettings__componentLocale","set","this","_GxIdeGamInstallationSettings_futureUpgradesComboEl","_GxIdeGamInstallationSettings_panelsCheckboxEl","_GxIdeGamInstallationSettings_webPanelsCheckboxEl","_GxIdeGamInstallationSettings_cancelCallbackHandler","cancelCallback","_GxIdeGamInstallationSettings_repairCallbackHandler","async","saveCallback","data","importWebPanels","__classPrivateFieldGet","value","importPanels","futureUpgrades","repairCallback","_GxIdeGamInstallationSettings_renderFilters","h","class","role","filters","filtersHeading","id","frontEndObjects","checkedValue","defaultConfiguration","undefined","caption","webPanelsCheckbox","ref","el","__classPrivateFieldSet","part","canSelectPanels","panelsCheckbox","disabled","htmlFor","futureUpgradesComboLabel","model","manageFutureUpgrades","installAutomatically","promptMe","neverUpdate","_GxIdeGamInstallationSettings_renderDescription","configurationType","header","headerTextInstallation","firstSentence","secondSentence","thirdSentence","headerTextUpdate","_GxIdeGamInstallationSettings_saveCallbackHandler","componentWillLoad","Locale","getComponentStrings","render","Host","call","onClick"],"sources":["src/components/gam-installation-settings/gam-installation-settings.scss?tag=gx-ide-gam-installation-settings&encapsulation=shadow","src/components/gam-installation-settings/gam-installation-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  height: 100%;\n}\n\n.control-header {\n  margin-block-end: var(--mer-spacing--md);\n}\n\n.main-content {\n  grid-auto-rows: max-content;\n}\n\n.footer-info {\n  margin-bottom: var(--mer-spacing--sm);\n}\n\n.description {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: 8px;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, Element } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/combo-box\",\n  \"components/edit\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\"\n];\n@Component({\n  tag: \"gx-ide-gam-installation-settings\",\n  styleUrl: \"gam-installation-settings.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\n  /**\n   * The component hard-coded strings translations.\n   */\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeGamInstallationSettingsElement;\n\n  #futureUpgradesComboEl!: HTMLChComboBoxRenderElement;\n  #panelsCheckboxEl!: HTMLChCheckboxElement;\n  #webPanelsCheckboxEl!: HTMLChCheckboxElement;\n\n  /**\n   * Callback invoked when the user wants to cancel the exportation process\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Determines 'Panels' checkbox activation, enabled only if an SD generator is in the KB.\n   * Otherwise, the checkbox is disabled.\n   */\n  @Prop() readonly canSelectPanels: boolean = false;\n\n  /**\n   * Specifies the configuration type to be used\n   */\n  @Prop() readonly configurationType: \"installation\" | \"update\" =\n    \"installation\";\n\n  /**\n   * Defines default config for initializing the dialog with stored gam config data\n   */\n  @Prop() readonly defaultConfiguration: GamConfigData | undefined = {\n    importWebPanels: true,\n    importPanels: false,\n    futureUpgrades: \"prompt\"\n  };\n\n  /**\n   * Callback invoked when the user press repair button\n   */\n  @Prop() readonly repairCallback: RepairCallback;\n\n  /**\n   * Callback invoked when the user initiates the export process\n   */\n  @Prop() readonly saveCallback: SaveCallback;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n\n  #repairCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: !!this.#webPanelsCheckboxEl.value,\n        importPanels: !!this.#panelsCheckboxEl.value,\n        futureUpgrades: this.#futureUpgradesComboEl.value\n          ? (this.#futureUpgradesComboEl.value as ComboValues)\n          : null\n      };\n      await this.repairCallback(data);\n    }\n  };\n\n  #renderFilters = () => {\n    return (\n      <div\n        class=\"field-group\"\n        role=\"region\"\n        aria-label={this.#_componentLocale.filters.filtersHeading}\n      >\n        <h5 class=\"subtitle-regular-s margin-block-end-s\">\n          {this.#_componentLocale.filters.filtersHeading}\n        </h5>\n\n        <div class=\"filters__wrapper\">\n          <div\n            class=\"field-group\"\n            role=\"group\"\n            aria-labelledby=\"frontend-objects-label\"\n          >\n            <div class=\"field field-block\">\n              <label id=\"frontend-objects-label\" class=\"label\">\n                {this.#_componentLocale.filters.frontEndObjects}\n              </label>\n\n              <div class=\"field-group-inline\">\n                <ch-checkbox\n                  class=\"checkbox\"\n                  checkedValue=\"webPanels\"\n                  value={\n                    this.defaultConfiguration?.importWebPanels\n                      ? \"webPanels\"\n                      : undefined\n                  }\n                  caption={this.#_componentLocale.filters.webPanelsCheckbox}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#webPanelsCheckboxEl = el as HTMLChCheckboxElement)\n                  }\n                  part=\"web-panels-checkbox\"\n                ></ch-checkbox>\n\n                <ch-checkbox\n                  class=\"checkbox\"\n                  checkedValue=\"panels\"\n                  value={\n                    this.defaultConfiguration.importPanels &&\n                    this.canSelectPanels\n                      ? \"panels\"\n                      : undefined\n                  }\n                  caption={this.#_componentLocale.filters.panelsCheckbox}\n                  disabled={!this.canSelectPanels}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#panelsCheckboxEl = el as HTMLChCheckboxElement)\n                  }\n                  part=\"panels-checkbox\"\n                ></ch-checkbox>\n              </div>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"future-upgrades-combo\">\n                {this.#_componentLocale.filters.futureUpgradesComboLabel}\n              </label>\n              <ch-combo-box-render\n                id=\"future-upgrades-combo\"\n                class=\"combo-box\"\n                value={this.defaultConfiguration.futureUpgrades}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#futureUpgradesComboEl =\n                    el as HTMLChComboBoxRenderElement)\n                }\n                model={[\n                  {\n                    value: \"automatic\",\n                    caption:\n                      this.#_componentLocale.manageFutureUpgrades\n                        .installAutomatically\n                  },\n                  {\n                    value: \"prompt\",\n                    caption:\n                      this.#_componentLocale.manageFutureUpgrades.promptMe\n                  },\n                  {\n                    value: \"never\",\n                    caption:\n                      this.#_componentLocale.manageFutureUpgrades.neverUpdate\n                  }\n                ]}\n                part=\"future-upgrades-combo\"\n              ></ch-combo-box-render>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  #renderDescription = () => {\n    return (\n      <div class=\"description\">\n        {this.configurationType === \"installation\"\n          ? [\n              <p class=\"text-body\">\n                {\n                  this.#_componentLocale.header.headerTextInstallation\n                    .firstSentence\n                }\n              </p>,\n              <p class=\"text-body\">\n                {\n                  this.#_componentLocale.header.headerTextInstallation\n                    .secondSentence\n                }\n              </p>,\n              <p class=\"text-body\">\n                {\n                  this.#_componentLocale.header.headerTextInstallation\n                    .thirdSentence\n                }\n              </p>\n            ]\n          : [\n              <p class=\"text-body\">\n                {this.#_componentLocale.header.headerTextUpdate.firstSentence}\n              </p>,\n              <p class=\"text-body\">\n                {this.#_componentLocale.header.headerTextUpdate.secondSentence}\n              </p>\n            ]}\n        {/* header text */}\n      </div>\n    );\n  };\n\n  #saveCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: !!this.#webPanelsCheckboxEl.value,\n        importPanels: !!this.#panelsCheckboxEl.value,\n        futureUpgrades: this.#futureUpgradesComboEl.value\n          ? (this.#futureUpgradesComboEl.value as ComboValues)\n          : null\n      };\n      await this.saveCallback(data);\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget spacing-body\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <div class=\"control-header control-header-with-border\">\n          {this.#renderDescription()}\n        </div>\n        <div class=\"main-content field-group\">{this.#renderFilters()}</div>\n\n        <div class=\"footer\">\n          {this.configurationType === \"update\" && (\n            <div class=\"footer-info\">\n              <p>Use Repair to import GAM components again</p>\n            </div>\n          )}\n\n          <div class=\"control-footer-with-border control-footer-space-between\">\n            {this.configurationType === \"update\" && (\n              <button\n                id=\"repair-button\"\n                class=\"button-secondary\"\n                onClick={this.#repairCallbackHandler}\n                part=\"button button--repair\"\n              >\n                Repair\n              </button>\n            )}\n            <div class=\"buttons-spacer\">\n              <button\n                id=\"cancel-button\"\n                class=\"button-secondary\"\n                onClick={this.#cancelCallbackHandler}\n                part=\"button button--cancel\"\n              >\n                Cancel\n              </button>\n              <button\n                id=\"confirm-button\"\n                class=\"button-primary\"\n                onClick={this.#saveCallbackHandler}\n                part=\"button button--confirm\"\n              >\n                Save\n              </button>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type CancelCallback = () => Promise<void>;\ntype ComboValues = \"automatic\" | \"prompt\" | \"never\";\nexport type GamConfigData = {\n  importWebPanels: boolean;\n  importPanels: boolean;\n  futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["bpmTimerDurationCss","GxIdeBpmTimerDuration","this","renderedFirstTime","confirmCallbackHandler","async","confirmCallback","data","years","parseInt","yearsEl","value","months","monthsEl","days","daysEl","hours","hoursEl","minutes","minutesEl","seconds","secondsEl","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","htmlFor","controls","type","id","duration","toString","ref","onClick","ok","cancelCallback","cancel"],"sources":["src/components/bpm/timer-duration/bpm-timer-duration.scss?tag=gx-ide-bpm-timer-duration&encapsulation=shadow","src/components/bpm/timer-duration/bpm-timer-duration.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n  display: block;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\n\n@Component({\n  tag: \"gx-ide-bpm-timer-duration\",\n  styleUrl: \"bpm-timer-duration.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-timer-duration\"]\n})\nexport class GxIdeBpmTimerDuration {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeBpmTimerDurationElement;\n\n  private yearsEl!: HTMLInputElement;\n  private monthsEl!: HTMLInputElement;\n  private daysEl!: HTMLInputElement;\n  private hoursEl!: HTMLInputElement;\n  private minutesEl!: HTMLInputElement;\n  private secondsEl!: HTMLInputElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Current value for timer.\n   */\n  @Prop() readonly duration?: TimerDuration;\n\n  /**\n   *  Callback invoked when user confirms application declaration, (OK Button)\n   */\n  @Prop() readonly confirmCallback: (data: TimerDuration) => Promise<void>;\n\n  /**\n   * Callback invoked when user cancels application declaration */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\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  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private confirmCallbackHandler = async () => {\n    if (this.confirmCallback) {\n      const data: TimerDuration = {\n        years: parseInt(this.yearsEl.value),\n        months: parseInt(this.monthsEl.value),\n        days: parseInt(this.daysEl.value),\n        hours: parseInt(this.hoursEl.value),\n        minutes: parseInt(this.minutesEl.value),\n        seconds: parseInt(this.secondsEl.value)\n      };\n\n      await this.confirmCallback(data);\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <div class=\"control-wrapper control-wrapper--vertical\">\n              <label htmlFor=\"years\">\n                {this._componentLocale.controls.years}\n              </label>\n              <input\n                type=\"number\"\n                id=\"years\"\n                class=\"input-text input-text--full-width\"\n                value={this.duration?.years.toString()}\n                ref={el => (this.yearsEl = el as HTMLInputElement)}\n              />\n            </div>\n\n            <div class=\"control-wrapper control-wrapper--vertical\">\n              <label htmlFor=\"months\">\n                {this._componentLocale.controls.months}\n              </label>\n              <input\n                type=\"number\"\n                id=\"months\"\n                class=\"input-text input-text--full-width\"\n                value={this.duration?.months.toString()}\n                ref={el => (this.monthsEl = el as HTMLInputElement)}\n              />\n            </div>\n\n            <div class=\"control-wrapper control-wrapper--vertical\">\n              <label htmlFor=\"days\">\n                {this._componentLocale.controls.days}\n              </label>\n              <input\n                type=\"number\"\n                id=\"days\"\n                class=\"input-text input-text--full-width\"\n                value={this.duration?.days.toString()}\n                ref={el => (this.daysEl = el as HTMLInputElement)}\n              />\n            </div>\n\n            <div class=\"control-wrapper control-wrapper--vertical\">\n              <label htmlFor=\"hours\">\n                {this._componentLocale.controls.hours}\n              </label>\n              <input\n                type=\"number\"\n                id=\"hours\"\n                class=\"input-text input-text--full-width\"\n                value={this.duration?.hours.toString()}\n                ref={el => (this.hoursEl = el as HTMLInputElement)}\n              />\n            </div>\n\n            <div class=\"control-wrapper control-wrapper--vertical\">\n              <label htmlFor=\"minutes\">\n                {this._componentLocale.controls.minutes}\n              </label>\n              <input\n                type=\"number\"\n                id=\"minutes\"\n                class=\"input-text input-text--full-width\"\n                value={this.duration?.minutes.toString()}\n                ref={el => (this.minutesEl = el as HTMLInputElement)}\n              />\n            </div>\n\n            <div class=\"control-wrapper control-wrapper--vertical\">\n              <label htmlFor=\"seconds\">\n                {this._componentLocale.controls.seconds}\n              </label>\n              <input\n                type=\"number\"\n                id=\"seconds\"\n                class=\"input-text input-text--full-width\"\n                value={this.duration?.seconds.toString()}\n                ref={el => (this.secondsEl = el as HTMLInputElement)}\n              />\n            </div>\n\n            <div class=\"controls-wrapper\">\n              <button onClick={this.confirmCallbackHandler}>\n                {this._componentLocale.controls.ok}\n              </button>\n              <button onClick={this.cancelCallback}>\n                {this._componentLocale.controls.cancel}\n              </button>\n            </div>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type TimerDuration = {\n  years: number;\n  months: number;\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n};\n"],"mappings":";;;;;;AAAA,MAAMA,IAAsB;;MCqBfC,IAAqB;;;;IAOxBC,KAAAC,oBAAoB;;;;QAgEpBD,KAAAE,yBAAyBC;MAC/B,IAAIH,KAAKI,iBAAiB;QACxB,MAAMC,IAAsB;UAC1BC,OAAOC,SAASP,KAAKQ,QAAQC;UAC7BC,QAAQH,SAASP,KAAKW,SAASF;UAC/BG,MAAML,SAASP,KAAKa,OAAOJ;UAC3BK,OAAOP,SAASP,KAAKe,QAAQN;UAC7BO,SAAST,SAASP,KAAKiB,UAAUR;UACjCS,SAASX,SAASP,KAAKmB,UAAUV;;cAG7BT,KAAKI,gBAAgBC;;;wBAvDC;;;;;;EAyBhC,uBAAMe;IACJpB,KAAKqB,yBAAyBC,EAAOC,oBAAoBvB,KAAKwB;;EAGhE,kBAAAC;IACE,KAAKzB,KAAKC,mBAAmB;MAC3BD,KAAK0B,4BAA4BC,KAC/B3B,KAAKqB,iBAAiBO;MAExB5B,KAAKC,oBAAoB;;;;EA2B7B,MAAA4B;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACEjC,KAAKkC,eAAelC,KAAKqB,iBAAiBO,gBAAgB;MAE5DO,eAAeC,EAAOC,eAAeF;OAErCL,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZtC,KAAKqB,iBAAiBkB,SAASjC,QAElCwB,EAAA;MACEU,MAAK;MACLC,IAAG;MACHT,OAAM;MACNvB,OAAOT,KAAK0C,UAAUpC,MAAMqC;MAC5BC,KAAKpB,KAAOxB,KAAKQ,UAAUgB;SAI/BM,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZtC,KAAKqB,iBAAiBkB,SAAS7B,SAElCoB,EAAA;MACEU,MAAK;MACLC,IAAG;MACHT,OAAM;MACNvB,OAAOT,KAAK0C,UAAUhC,OAAOiC;MAC7BC,KAAKpB,KAAOxB,KAAKW,WAAWa;SAIhCM,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZtC,KAAKqB,iBAAiBkB,SAAS3B,OAElCkB,EAAA;MACEU,MAAK;MACLC,IAAG;MACHT,OAAM;MACNvB,OAAOT,KAAK0C,UAAU9B,KAAK+B;MAC3BC,KAAKpB,KAAOxB,KAAKa,SAASW;SAI9BM,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZtC,KAAKqB,iBAAiBkB,SAASzB,QAElCgB,EAAA;MACEU,MAAK;MACLC,IAAG;MACHT,OAAM;MACNvB,OAAOT,KAAK0C,UAAU5B,MAAM6B;MAC5BC,KAAKpB,KAAOxB,KAAKe,UAAUS;SAI/BM,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZtC,KAAKqB,iBAAiBkB,SAASvB,UAElCc,EAAA;MACEU,MAAK;MACLC,IAAG;MACHT,OAAM;MACNvB,OAAOT,KAAK0C,UAAU1B,QAAQ2B;MAC9BC,KAAKpB,KAAOxB,KAAKiB,YAAYO;SAIjCM,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZtC,KAAKqB,iBAAiBkB,SAASrB,UAElCY,EAAA;MACEU,MAAK;MACLC,IAAG;MACHT,OAAM;MACNvB,OAAOT,KAAK0C,UAAUxB,QAAQyB;MAC9BC,KAAKpB,KAAOxB,KAAKmB,YAAYK;SAIjCM,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAQe,SAAS7C,KAAKE;OACnBF,KAAKqB,iBAAiBkB,SAASO,KAElChB,EAAA;MAAQe,SAAS7C,KAAK+C;OACnB/C,KAAKqB,iBAAiBkB,SAASS"}