@genexus/genexus-ide-ui 1.1.3 → 1.1.5

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

@@ -1 +0,0 @@
-{"version":3,"names":["convertToTreeItem","item","caption","name","id","items","_a","map","lazy","hasChildren","length","leaf","startImgSrc","icon","convertReferenceDataToTreeViewData","referenceData","treeData","forEach","push","mapSelectorCategoryDataToComboBoxModel","categoryData","category","mappedGroup","value","expandable","expanded","description","referencesCss","CSS_BUNDLES","GEMINI_TOOLS_SHOW_MORE_HORIZONTAL","getIconPath","colorType","NAVIGATION_ARROW_DOWN_SKY_BLUE","SUGGEST_OPTIONS","alreadyProcessed","autoExpand","hideMatchesAndShowNonMatches","highlightMatchedItems","matchCase","regularExpression","strict","renderActiveItemIconOnExpand","GxIdeReferences","_GxIdeReferences_objectDataMap","set","this","Map","_GxIdeReferences_shortcutsSrc","getAssetPath","_GxIdeReferences__componentLocale","_GxIdeReferences_selectObjectSuggestEl","_GxIdeReferences_evaluateInitialReferenceData","selectedObject","selectedObjectChanged","_GxIdeReferences_hideBarButtonClickedHandler","barHidden","_GxIdeReferences_loadReferencesHandler","async","to","loadReferencesCallback","then","result","referencesToTreeData","referencedByTreeData","_GxIdeReferences_openObjectCallbackHandler","openObjectCallback","_GxIdeReferences_openSelectorDialogCallbackHandler","objectDataResult","openSelectorDialogCallback","_GxIdeReferences_referenceSelectedHandler","event","selectReferenceCallback","selectedItems","detail","_GxIdeReferences_referencesItemOpenReferenceCallback","itemOpened","itemId","_GxIdeReferences_referencesLazyLoadCallbackHandler","ref","treeItemId","referencesLazyChildren","treeLazyChildren","Promise","resolve","_GxIdeReferences_selectObjectChangedHandler","newSelectedValue","objectData","__classPrivateFieldGet","get","_GxIdeReferences_selectObjectInputHandler","typedValue","selectorSourceCallback","selectorCategoryDataArray","clear","selectorCategoryData","typeName","objectsSuggestions","newSelectedObject","call","componentDidLoad","focus","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","render","h","Host","class","model","type","header","toggleBar","part","onClick","src","containerRef","htmlFor","selectObject","accessibleName","suggest","onInput","onChange","suggestOptions","openSelectorButton","header__bottom","main","selectedObjectLink","_b","_c","isReferencedBy","_d","referencedByTreeAccessible","lazyLoadTreeItemsCallback","onSelectedItemsChange","dragDisabled","dropDisabled","onItemOpenReference","showLines","_e","stateTitle","_f","isReferencedByEmpty","isReferencedByError","hasReferencesTo","_g","referencesToTreeAccessible","_h","_j","hasReferencesEmpty","hasReferencesToError"],"sources":["src/components/references/helpers.ts","src/components/references/references.scss?tag=gx-ide-references&encapsulation=shadow","src/components/references/references.tsx"],"sourcesContent":["/* Tree View */\nimport {\n  ComboBoxModel,\n  TreeViewItemModel\n} from \"@genexus/chameleon-controls-library\";\n\n/* References Types*/\nimport { ObjectData, SelectorCategoryData } from \"./references\";\nimport { ReferenceData } from \"./references\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n\n/**\n * @description This function converts SelectorCategoryData[] SuggestData\n */\n\nconst convertToTreeItem = (item: ReferenceData): TreeViewItemModel => ({\n  caption: item.name,\n  id: item.id,\n  items: (item.items ?? []).map(convertToTreeItem),\n  lazy: item.hasChildren && (item.items == null || item.items.length === 0),\n  leaf: item.hasChildren === false,\n  startImgSrc: item.icon\n});\n\n/**\n * @description This function converts ReferenceData[] data to TreeItemData[]\n */\nexport const convertReferenceDataToTreeViewData = (\n  referenceData: ReferenceData[] | undefined\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!referenceData) {\n    return treeData;\n  }\n\n  referenceData.forEach(item => {\n    treeData.push(convertToTreeItem(item));\n  });\n  return treeData;\n};\n\nexport const mapObjectDataToComboBoxItemModel = (\n  options: ObjectData[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.name,\n      startImgSrc: option.icon ?? \"\"\n    };\n  });\n};\n\nexport const mapSelectorCategoryDataToComboBoxModel = (\n  categoryData: SelectorCategoryData[]\n): ComboBoxModel => {\n  return categoryData.map((category: SelectorCategoryData) => {\n    const mappedGroup: ComboBoxItemModel = {\n      value: category.name,\n      caption: category.name,\n      expandable: true,\n      expanded: true,\n      items: category.items.map((item: ObjectData) => ({\n        value: item.id,\n        caption: item.description,\n        startImgSrc: item.icon\n      }))\n    };\n\n    return mappedGroup;\n  });\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr;\n}\n.section {\n  display: contents;\n}\n\n.header {\n  /*Top*/\n  &__top {\n    grid-template-columns: max-content 1fr max-content;\n  }\n  /*Bottom*/\n  &__bottom {\n    display: grid;\n    grid-template-rows: 1fr;\n    transition: var(--mer-timing--fast) grid-template-rows;\n    &--hidden {\n      grid-template-rows: 0fr;\n    }\n\n    .outer-wrapper {\n      overflow: hidden;\n    }\n\n    .inner-wrapper {\n      padding-top: var(--content-block-spacing);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n\n      &__left {\n        display: flex;\n        align-items: center;\n        gap: var(--gx-ide-grid-row-gap);\n      }\n    }\n  }\n}\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n.section__referenced-by,\n.section__references-to {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n}\n.control-header__referenced-by,\n.control-header__references-to {\n  padding-block-start: var(--mer-spacing--md);\n}\n.main__referenced-by,\n.main__references-to {\n  grid-auto-rows: max-content;\n  overflow: auto;\n}\n.main__referenced-by {\n  border-inline-end: var(--section-common-border);\n}\n\n.text-align-center {\n  text-align: center;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport {\n  Component,\n  Element,\n  getAssetPath,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  ChComboBoxRenderCustomEvent,\n  ComboBoxModel,\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport {\n  convertReferenceDataToTreeViewData,\n  mapSelectorCategoryDataToComboBoxModel\n} from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/pills\",\n  \"components/combo-box\",\n  \"components/icon\",\n  \"components/checkbox\",\n  \"components/tree-view\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"utils/form\",\n  \"utils/typography\"\n];\n\nconst GEMINI_TOOLS_SHOW_MORE_HORIZONTAL = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"primary\"\n});\nconst NAVIGATION_ARROW_DOWN_SKY_BLUE = getIconPath({\n  category: \"navigation\",\n  name: \"arrow-down-skyblue\",\n  colorType: \"primary\"\n});\n\nconst SUGGEST_OPTIONS = {\n  alreadyProcessed: true,\n  autoExpand: false,\n  hideMatchesAndShowNonMatches: false,\n  highlightMatchedItems: false,\n  matchCase: false,\n  regularExpression: false,\n  strict: false,\n  renderActiveItemIconOnExpand: true\n};\n\n@Component({\n  tag: \"gx-ide-references\",\n  styleUrl: \"references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/references\"]\n})\nexport class GxIdeReferences {\n  #objectDataMap: objectDataMap = new Map();\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/references/shortcuts.json`);\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeReferencesElement;\n  #selectObjectSuggestEl!: HTMLChComboBoxRenderElement;\n\n  /**\n   * Displays or hides the header-bottom section\n   */\n  @State() barHidden = false;\n\n  /**\n   * Objects suggestions that will appear on the suggest\n   */\n  @State() objectsSuggestions: ComboBoxModel;\n\n  @State() referencedByTreeData: TreeViewItemModel[];\n\n  @State() referencesToTreeData: TreeViewItemModel[];\n\n  /**\n   * Callback invoked when a node is expanded in any references panels\n   */\n  @Prop() readonly loadReferencesCallback?: LoadReferencesCallback;\n\n  /**\n   * Callback invoked when user wants to open an object\n   */\n  @Prop() readonly openObjectCallback?: OpenObjectCallback;\n\n  /**\n   * Callback invoked when user wants to show object selection dialog\n   */\n  @Prop() readonly openSelectorDialogCallback?: OpenSelectorDialogCallback;\n\n  /**\n   * Callback invoked when any item from the references panels is selected\n   */\n  @Prop() readonly selectReferenceCallback?: SelectReferenceCallback;\n\n  /**\n   * Callback invoked when user writes on object selector input\n   */\n  @Prop() readonly selectorSourceCallback?: SelectorSourceCallback;\n\n  /**\n   * Currently selected object\n   */\n  @Prop({ mutable: true }) selectedObject?: ObjectData;\n\n  @Watch(\"selectedObject\")\n  selectedObjectChanged(newSelectedObject: ObjectData) {\n    if (newSelectedObject?.id) {\n      /* update \"is referenced by*/\n      this.#loadReferencesHandler(newSelectedObject.id, false);\n      /* update \"has references to*/\n      this.#loadReferencesHandler(newSelectedObject.id, true);\n    }\n  }\n\n  componentDidLoad() {\n    this.#selectObjectSuggestEl.focus();\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#evaluateInitialReferenceData();\n  }\n\n  /**\n   * Evaluates whether to call loadReferencesCallback based on the presence of a selected object.\n   */\n  #evaluateInitialReferenceData = () => {\n    if (this.selectedObject) {\n      this.selectedObjectChanged(this.selectedObject);\n    }\n  };\n\n  /**\n   * Hides or shows the bar (the bottom section of the header).\n   */\n  #hideBarButtonClickedHandler = () => {\n    this.barHidden = !this.barHidden;\n  };\n\n  /**\n   * Invokes 'loadReferencesCallback' for 'Is Referenced By' and 'Has References To' panels.\n   */\n  #loadReferencesHandler = async (id: string, to = false) => {\n    if (this.loadReferencesCallback) {\n      this.loadReferencesCallback(id, to).then(result => {\n        if (to) {\n          this.referencesToTreeData =\n            convertReferenceDataToTreeViewData(result);\n        } else {\n          this.referencedByTreeData =\n            convertReferenceDataToTreeViewData(result);\n        }\n      });\n    }\n  };\n\n  #openObjectCallbackHandler = () => {\n    // Returns an empty Promise\n    this.openObjectCallback(this.selectedObject?.id);\n  };\n\n  /**\n   * Fired when user clicks the ch-suggest button (...)\n   */\n  #openSelectorDialogCallbackHandler = async () => {\n    const objectDataResult = await this.openSelectorDialogCallback();\n    if (objectDataResult) {\n      this.selectedObject = objectDataResult;\n    }\n  };\n\n  #referenceSelectedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    if (this.selectReferenceCallback) {\n      const selectedItems: string[] = event.detail.map(item => item.item.id);\n      this.selectReferenceCallback(selectedItems[0]);\n      // returns void\n    }\n  };\n\n  #referencesItemOpenReferenceCallback = (\n    itemOpened: CustomEvent<{ id: string; leaf: boolean; metadata: string }>\n  ) => {\n    const itemId = itemOpened.detail.id;\n    if (this.openObjectCallback) {\n      this.openObjectCallback(itemId);\n      // returns void\n    }\n  };\n\n  #referencesLazyLoadCallbackHandler =\n    (ref: \"references-to\" | \"referenced-by\") =>\n    async (treeItemId: string): Promise<TreeViewItemModel[]> => {\n      if (this.loadReferencesCallback) {\n        const to = ref === \"references-to\";\n        const referencesLazyChildren = await this.loadReferencesCallback(\n          treeItemId,\n          to\n        );\n        const treeLazyChildren = convertReferenceDataToTreeViewData(\n          referencesLazyChildren\n        );\n        return new Promise(resolve => {\n          resolve(treeLazyChildren);\n        });\n      }\n      return new Promise(resolve => {\n        resolve([]);\n      });\n    };\n\n  #selectObjectChangedHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    const newSelectedValue = event.detail as string;\n\n    const objectData = this.#objectDataMap.get(newSelectedValue);\n    if (objectData) {\n      this.selectedObject = objectData;\n    }\n  };\n\n  #selectObjectInputHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    // WA to know if the event was from searching on the input or an item selection.\n    // const partValue = (e.target as HTMLElement).getAttribute(\"part\");\n    const typedValue = event.detail as string;\n    if (this.selectorSourceCallback) {\n      this.selectorSourceCallback(typedValue).then(\n        selectorCategoryDataArray => {\n          // update map\n          this.#objectDataMap.clear();\n          selectorCategoryDataArray?.forEach(selectorCategoryData => {\n            selectorCategoryData.items.forEach(objectData => {\n              this.#objectDataMap.set(objectData.description, {\n                id: objectData.id,\n                typeName: objectData.typeName,\n                icon: objectData.icon,\n                name: objectData.name,\n                description: objectData.description\n              });\n            });\n          });\n\n          this.objectsSuggestions = mapSelectorCategoryDataToComboBoxModel(\n            selectorCategoryDataArray\n          );\n        }\n      );\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start\">\n            <div class=\"header__top field-group\">\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.toggleBar}\n                part=\"toggle-bar-button\"\n                onClick={this.#hideBarButtonClickedHandler}\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={NAVIGATION_ARROW_DOWN_SKY_BLUE}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n\n              <div class=\"field field-inline\">\n                <label\n                  // select object\n                  class=\"label\"\n                  part=\"select-object-label\"\n                  htmlFor=\"object-selector-suggest\"\n                >\n                  {this.#_componentLocale.header.selectObject}\n                </label>\n                <ch-combo-box-render\n                  accessibleName={this.#_componentLocale.header.selectObject}\n                  class=\"combo-box\"\n                  model={this.objectsSuggestions}\n                  suggest\n                  onInput={this.#selectObjectInputHandler}\n                  onChange={this.#selectObjectChangedHandler}\n                  value={this.selectedObject?.name}\n                  part=\"object-selector-suggest\"\n                  suggestOptions={SUGGEST_OPTIONS}\n                  ref={el =>\n                    (this.#selectObjectSuggestEl =\n                      el as HTMLChComboBoxRenderElement)\n                  }\n                ></ch-combo-box-render>\n              </div>\n\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.openSelectorButton}\n                onClick={this.#openSelectorDialogCallbackHandler}\n                part=\"open-selector-dialog-button\"\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={GEMINI_TOOLS_SHOW_MORE_HORIZONTAL}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n            </div>\n\n            <div\n              class={{\n                \"header__bottom\": true,\n                \"header__bottom--hidden\": this.barHidden\n              }}\n            >\n              <div class=\"outer-wrapper\">\n                <div class=\"inner-wrapper\">\n                  <div class=\"inner-wrapper__left\">\n                    <ch-image\n                      class=\"icon-md\"\n                      src={this.selectedObject.icon}\n                      containerRef={this.el}\n                    ></ch-image>\n                    <a\n                      class=\"text-link\"\n                      onClick={this.#openObjectCallbackHandler}\n                      part=\"open-object-text-link\"\n                      aria-label={\n                        this.#_componentLocale.main.selectedObjectLink\n                      }\n                    >\n                      {`${this.selectedObject?.name} : ${this.selectedObject?.description}`}\n                    </a>\n                  </div>\n                  {/* <div class=\"inner-wrapper__right\">\n                    TODO: Add this feature \"Group References by Type\".\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"references-by-type\"\n                      part=\"references-type-checkbox\"\n                      checkedValue=\"referencesByType\"\n                      caption=\"Group references by type\"\n                    ></ch-checkbox>\n                  </div> */}\n                </div>\n              </div>\n            </div>\n          </header>\n          <div class=\"main\">\n            <section class=\"section__referenced-by\">\n              <h2 class=\"control-header control-header-with-border control-header__referenced-by heading-5 text-align-center spacing-body-inline\">\n                {this.#_componentLocale.main.isReferencedBy}\n              </h2>\n\n              <div\n                // is referenced by\n                class=\"main__referenced-by spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencedByTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-by-tree\"\n                  model={this.referencedByTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencedByTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"referenced-by\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencedByTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencedByTreeData?.length === 0\n                        ? this.#_componentLocale.main.isReferencedByEmpty\n                        : this.#_componentLocale.main.isReferencedByError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n\n            <section class=\"section__references-to\">\n              <h2 class=\"control-header control-header-with-border control-header__references-to heading-5 text-align-center spacing-body-inline\">\n                {this.#_componentLocale.main.hasReferencesTo}\n              </h2>\n\n              <div\n                // has references to\n                class=\"main__references-to spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencesToTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-to-tree\"\n                  model={this.referencesToTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencesToTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"references-to\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencesToTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencesToTreeData?.length === 0\n                        ? this.#_componentLocale.main.hasReferencesEmpty\n                        : this.#_componentLocale.main.hasReferencesToError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n          </div>\n        </section>\n\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type LoadReferencesCallback = (\n  id: string,\n  to: boolean\n) => Promise<ReferenceData[]>;\n\nexport type ObjectData = {\n  id: string;\n  typeName: string;\n  icon: string;\n  name: string;\n  description?: string;\n};\n\nexport type OpenObjectCallback = (id: string) => Promise<void>;\n\nexport type OpenSelectorDialogCallback = () => Promise<ObjectData | undefined>;\n\nexport type ReferenceData = ObjectData & {\n  hasChildren: boolean;\n  items?: ReferenceData[];\n};\n\nexport type SelectReferenceCallback = (id: string) => Promise<void>;\n\nexport type SelectorCategoryData = {\n  name: string;\n  items: ObjectData[];\n};\n\nexport type SelectorSourceCallback = (\n  prefix: string\n) => Promise<SelectorCategoryData[]>;\n\nexport type objectDataMap = Map<string, ObjectData>;\n"],"mappings":";;;;;;;;;;GAeA,OAAMA,oBAAqBC;;EAA2C;IACpEC,SAASD,EAAKE;IACdC,IAAIH,EAAKG;IACTC,SAAQC,IAAAL,EAAKI,WAAK,QAAAC,WAAA,IAAAA,IAAI,IAAIC,IAAIP;IAC9BQ,MAAMP,EAAKQ,gBAAgBR,EAAKI,SAAS,QAAQJ,EAAKI,MAAMK,WAAW;IACvEC,MAAMV,EAAKQ,gBAAgB;IAC3BG,aAAaX,EAAKY;;AACnB;;;;GAKM,OAAMC,qCACXC;EAEA,MAAMC,IAAgC;EACtC,KAAKD,GAAe;IAClB,OAAOC;;EAGTD,EAAcE,SAAQhB;IACpBe,EAASE,KAAKlB,kBAAkBC;AAAM;EAExC,OAAOe;AAAQ;;AAeV,MAAMG,yCACXC,KAEOA,EAAab,KAAKc;EACvB,MAAMC,IAAiC;IACrCC,OAAOF,EAASlB;IAChBD,SAASmB,EAASlB;IAClBqB,YAAY;IACZC,UAAU;IACVpB,OAAOgB,EAAShB,MAAME,KAAKN,MAAgB;MACzCsB,OAAOtB,EAAKG;MACZF,SAASD,EAAKyB;MACdd,aAAaX,EAAKY;;;EAItB,OAAOS;AAAW;;ACrEtB,MAAMK,IAAgB;;;;;;;;;;;;;;;;;AC2BtB,MAAMC,IAA8B,EAClC,qBACA,qBACA,oBACA,wBACA,mBACA,uBACA,wBACA,iBACA,gBACA,cACA;;AAGF,MAAMC,IAAoCC,EAAY;EACpDT,UAAU;EACVlB,MAAM;EACN4B,WAAW;;;AAEb,MAAMC,IAAiCF,EAAY;EACjDT,UAAU;EACVlB,MAAM;EACN4B,WAAW;;;AAGb,MAAME,IAAkB;EACtBC,kBAAkB;EAClBC,YAAY;EACZC,8BAA8B;EAC9BC,uBAAuB;EACvBC,WAAW;EACXC,mBAAmB;EACnBC,QAAQ;EACRC,8BAA8B;;;MASnBC,IAAe;;;IAC1BC,EAAAC,IAAAC,MAAgC,IAAIC;IACpCC,EAAAH,IAAAC,MAAgBG,EAAa;IAC7BC,EAAAL,IAAAC,WAAA;IAGAK,EAAAN,IAAAC,WAAA;;;eAoEAM,EAAAP,IAAAC,OAAgC;MAC9B,IAAIA,KAAKO,gBAAgB;QACvBP,KAAKQ,sBAAsBR,KAAKO;;;;;eAOpCE,EAAAV,IAAAC,OAA+B;MAC7BA,KAAKU,aAAaV,KAAKU;AAAS;;;eAMlCC,EAAAZ,IAAAC,OAAyBY,OAAOrD,GAAYsD,IAAK;MAC/C,IAAIb,KAAKc,wBAAwB;QAC/Bd,KAAKc,uBAAuBvD,GAAIsD,GAAIE,MAAKC;UACvC,IAAIH,GAAI;YACNb,KAAKiB,uBACHhD,mCAAmC+C;iBAChC;YACLhB,KAAKkB,uBACHjD,mCAAmC+C;;;;;IAM7CG,EAAApB,IAAAC,OAA6B;;;YAE3BA,KAAKoB,oBAAmB3D,IAAAuC,KAAKO,oBAAc,QAAA9C,WAAA,aAAAA,EAAEF;AAAG;;;eAMlD8D,EAAAtB,IAAAC,OAAqCY;MACnC,MAAMU,UAAyBtB,KAAKuB;MACpC,IAAID,GAAkB;QACpBtB,KAAKO,iBAAiBe;;;IAI1BE,EAAAzB,IAAAC,OACEyB;MAEA,IAAIzB,KAAK0B,yBAAyB;QAChC,MAAMC,IAA0BF,EAAMG,OAAOlE,KAAIN,KAAQA,EAAKA,KAAKG;QACnEyC,KAAK0B,wBAAwBC,EAAc;;;;IAK/CE,EAAA9B,IAAAC,OACE8B;MAEA,MAAMC,IAASD,EAAWF,OAAOrE;MACjC,IAAIyC,KAAKoB,oBAAoB;QAC3BpB,KAAKoB,mBAAmBW;;;;IAK5BC,EAAAjC,IAAAC,OACGiC,KACDrB,MAAOsB;MACL,IAAIlC,KAAKc,wBAAwB;QAC/B,MAAMD,IAAKoB,MAAQ;QACnB,MAAME,UAA+BnC,KAAKc,uBACxCoB,GACArB;QAEF,MAAMuB,IAAmBnE,mCACvBkE;QAEF,OAAO,IAAIE,SAAQC;UACjBA,EAAQF;AAAiB;;MAG7B,OAAO,IAAIC,SAAQC;QACjBA,EAAQ;AAAG;AACX;IAGNC,EAAAxC,IAAAC,OACEyB;MAEA,MAAMe,IAAmBf,EAAMG;MAE/B,MAAMa,IAAaC,EAAA1C,MAAIF,GAAA,KAAgB6C,IAAIH;MAC3C,IAAIC,GAAY;QACdzC,KAAKO,iBAAiBkC;;;IAI1BG,EAAA7C,IAAAC,OACEyB;;;MAIA,MAAMoB,IAAapB,EAAMG;MACzB,IAAI5B,KAAK8C,wBAAwB;QAC/B9C,KAAK8C,uBAAuBD,GAAY9B,MACtCgC;;UAEEL,EAAA1C,MAAIF,GAAA,KAAgBkD;UACpBD,MAAyB,QAAzBA,WAAyB,aAAzBA,EAA2B3E,SAAQ6E;YACjCA,EAAqBzF,MAAMY,SAAQqE;cACjCC,EAAA1C,MAAIF,GAAA,KAAgBC,IAAI0C,EAAW5D,aAAa;gBAC9CtB,IAAIkF,EAAWlF;gBACf2F,UAAUT,EAAWS;gBACrBlF,MAAMyE,EAAWzE;gBACjBV,MAAMmF,EAAWnF;gBACjBuB,aAAa4D,EAAW5D;;AACxB;AACF;UAGJmB,KAAKmD,qBAAqB7E,uCACxByE;AACD;;;qBAzLY;;;;;;;;;;;EA0CrB,qBAAAvC,CAAsB4C;IACpB,IAAIA,MAAiB,QAAjBA,WAAiB,aAAjBA,EAAmB7F,IAAI;;MAEzBmF,EAAA1C,MAAIW,GAAA,KAAuB0C,KAA3BrD,MAA4BoD,EAAkB7F,IAAI;0CAElDmF,EAAA1C,MAAIW,GAAA,KAAuB0C,KAA3BrD,MAA4BoD,EAAkB7F,IAAI;;;EAItD,gBAAA+F;IACEZ,EAAA1C,MAAIK,GAAA,KAAwBkD;;EAG9B,uBAAMC;IACJC,EAAAzD,MAAII,SAA2BsD,EAAOC,oBAAoB3D,KAAK4D,KAAG;IAClElB,EAAA1C,MAAIM,GAAA,KAA8B+C,KAAlCrD;;EAsIF,MAAA6D;;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOlF;QAEjB+E,EAAA;MAASE,OAAM;OACbF,EAAA;MAAQE,OAAM;OACZF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEI,MAAK;MACLF,OAAM;MAAkC,cAC5BtB,EAAA1C,MAAII,GAAA,KAAmB+D,OAAOC;MAC1CC,MAAK;MACLC,SAAS5B,EAAA1C,MAAIS,GAAA;OAEbqD,EAAA;MACEE,OAAM;MACNO,KAAKpF;MACLqF,cAAcxE,KAAK4D;SAIvBE,EAAA;MAAKE,OAAM;OACTF,EAAA;;MAEEE,OAAM;MACNK,MAAK;MACLI,SAAQ;OAEP/B,EAAA1C,MAAII,GAAA,KAAmB+D,OAAOO,eAEjCZ,EAAA;MACEa,gBAAgBjC,EAAA1C,MAAII,GAAA,KAAmB+D,OAAOO;MAC9CV,OAAM;MACNC,OAAOjE,KAAKmD;MACZyB,SAAO;MACPC,SAASnC,EAAA1C,MAAI4C,GAAA;MACbkC,UAAUpC,EAAA1C,MAAIuC,GAAA;MACd7D,QAAOjB,IAAAuC,KAAKO,oBAAc,QAAA9C,WAAA,aAAAA,EAAEH;MAC5B+G,MAAK;MACLU,gBAAgB3F;MAChB6C,KAAK2B,KACFH,EAAAzD,MAAIK,GACHuD,GAAiC;SAKzCE,EAAA;MACEI,MAAK;MACLF,OAAM;MAAkC,cAC5BtB,EAAA1C,MAAII,GAAA,KAAmB+D,OAAOa;MAC1CV,SAAS5B,EAAA1C,MAAIqB,GAAA;MACbgD,MAAK;OAELP,EAAA;MACEE,OAAM;MACNO,KAAKvF;MACLwF,cAAcxE,KAAK4D;UAKzBE,EAAA;MACEE,OAAO;QACLiB,gBAAkB;QAClB,0BAA0BjF,KAAKU;;OAGjCoD,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEE,OAAM;MACNO,KAAKvE,KAAKO,eAAevC;MACzBwG,cAAcxE,KAAK4D;QAErBE,EAAA;MACEE,OAAM;MACNM,SAAS5B,EAAA1C,MAAImB,GAAA;MACbkD,MAAK;MAAuB,cAE1B3B,EAAA1C,MAAII,GAAA,KAAmB8E,KAAKC;OAG7B,IAAGC,IAAApF,KAAKO,oBAAc,QAAA6E,WAAA,aAAAA,EAAE9H,WAAU+H,IAAArF,KAAKO,oBAAc,QAAA8E,WAAA,aAAAA,EAAExG,qBAiBpEiF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAASE,OAAM;OACbF,EAAA;MAAIE,OAAM;OACPtB,EAAA1C,MAAII,GAAA,KAAmB8E,KAAKI,iBAG/BxB,EAAA;;MAEEE,OAAM;OAENF,EAAA;MACEE,OAAO;QACL,iBAAeuB,IAAAvF,KAAKkB,0BAAoB,QAAAqE,WAAA,aAAAA,EAAE1H;QAC1C,aAAa;;MAEfwG,MAAK;MACLJ,OAAOjE,KAAKkB;MAAoB,cAE9BwB,EAAA1C,MAAII,GAAA,KAAmB8E,KAAKM;MAE9BC,2BAA2B/C,EAAA1C,MAAIgC,GAAA,KAAmCqB,KAAvCrD,MACzB;MAEF0F,uBAAuBhD,EAAA1C,MAAIwB,GAAA;MAC3BmE,cAAc;MACdC,cAAc;MACdC,qBACEnD,EAAA1C,MAAI6B,GAAA;MAENiE,WAAU;WAEVC,IAAA/F,KAAKkB,0BAAoB,QAAA6E,WAAA,aAAAA,EAAElI,WAC3BiG,EAAA;MACEkC,cACEC,IAAAjG,KAAKkB,0BAAoB,QAAA+E,WAAA,aAAAA,EAAEpI,YAAW,IAClC6E,EAAA1C,MAAII,GAAA,KAAmB8E,KAAKgB,sBAC5BxD,EAAA1C,MAAII,GAAA,KAAmB8E,KAAKiB;UAO1CrC,EAAA;MAASE,OAAM;OACbF,EAAA;MAAIE,OAAM;OACPtB,EAAA1C,MAAII,GAAA,KAAmB8E,KAAKkB,kBAG/BtC,EAAA;;MAEEE,OAAM;OAENF,EAAA;MACEE,OAAO;QACL,iBAAeqC,IAAArG,KAAKiB,0BAAoB,QAAAoF,WAAA,aAAAA,EAAExI;QAC1C,aAAa;;MAEfwG,MAAK;MACLJ,OAAOjE,KAAKiB;MAAoB,cAE9ByB,EAAA1C,MAAII,GAAA,KAAmB8E,KAAKoB;MAE9Bb,2BAA2B/C,EAAA1C,MAAIgC,GAAA,KAAmCqB,KAAvCrD,MACzB;MAEF0F,uBAAuBhD,EAAA1C,MAAIwB,GAAA;MAC3BmE,cAAc;MACdC,cAAc;MACdC,qBACEnD,EAAA1C,MAAI6B,GAAA;MAENiE,WAAU;WAEVS,IAAAvG,KAAKiB,0BAAoB,QAAAsF,WAAA,aAAAA,EAAE1I,WAC3BiG,EAAA;MACEkC,cACEQ,IAAAxG,KAAKiB,0BAAoB,QAAAuF,WAAA,aAAAA,EAAE3I,YAAW,IAClC6E,EAAA1C,MAAII,GAAA,KAAmB8E,KAAKuB,qBAC5B/D,EAAA1C,MAAII,GAAA,KAAmB8E,KAAKwB;YAS9C5C,EAAA;MAAcS,KAAK7B,EAAA1C,MAAIE,GAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["KB_OBJECT_TYPE","KB_OBJECT","convertObjectDataToTreeItem","objectTypeIcon","objectItems","map","objectItem","id","caption","name","startImgSrc","expanded","leaf","metadata","convertObjectTypeDataToTreeView","objectTypeData","treeData","objectType","items","length","push","icon","createArrayOfItems","objectTypes","objectTypesWithItems","type","filter","object","Object","assign","treeView","deploymentToolCss","CSS_BUNDLES","GxIdeDeploymentTool","_GxIdeDeploymentTool_componentLocale","set","this","_GxIdeDeploymentTool_renderedFirstTime","_GxIdeDeploymentTool_flattenedObjectTypeData","Map","_GxIdeDeploymentTool_currentDeploymentUnitId","_GxIdeDeploymentTool_onlyPackageCheckboxEl","_GxIdeDeploymentTool_targetTypesEl","_GxIdeDeploymentTool_applicationServerEl","_GxIdeDeploymentTool_generatorEl","_GxIdeDeploymentTool_deploymentUnitsEl","_GxIdeDeploymentTool_displayNameEl","_GxIdeDeploymentTool_evaluateObjects","noObjects","_a","treeModel","_GxIdeDeploymentTool_handleGetDeploymentUnitObjectsCallback","async","ev","__classPrivateFieldGet","_GxIdeDeploymentTool_loadDeploymentUnits","call","detail","_GxIdeDeploymentTool_optionsCallbackHandler","newDeploymentUnitId","_GxIdeDeploymentTool_handleCreateDeploymentUnit","__classPrivateFieldSet","objectData","getDeploymentUnitObjectsCallback","addedObjects","allObjectTypes","createDeploymentUnitCallback","deploymentUnitData","deploymentUnits","unshift","comboModelItem","_GxIdeDeploymentTool_getComboModel","model","concat","value","optionsCallback","_GxIdeDeploymentTool_addNewTypesToModel","allTypes","forEach","addedObject","matchingType","find","_GxIdeDeploymentTool_addObjectsCallbackHandler","addObjectsCallback","objects","_GxIdeDeploymentTool_deployCallbackHandler","data","targetId","applicationServerId","displayName","_b","generatorId","_c","onlyPackage","undefined","checkedObjectsIds","deployCallback","allowDeploy","_GxIdeDeploymentTool_handleTargetTypesChange","selectedId","selectedDeployTargetData","targetTypes","targetType","_GxIdeDeploymentTool_objectsTreeCheckedItemsChangedHandler","event","allItemsWithCheckbox","values","checkedItem","item","checked","_GxIdeDeploymentTool_evaluateContentToDisplay","h","isAnimated","stateTitle","main","noObjectsToDisplay","key","stateIconSrc","class","dragDisabled","dropDisabled","toggleCheckboxes","showLines","checkbox","onCheckedItemsChange","baseCollection","obj","_GxIdeDeploymentTool_renderComboSelector","properties","withField","controlId","label","replace","toLowerCase","labelClasses","labelAndComboBox","htmlFor","baseModel","ref","refCallback","onInput","onInputCallback","_GxIdeDeploymentTool_renderHeader","slot","header","objectsToDeploy","el","onClick","addButton","_GxIdeDeploymentTool_renderApplicationServerSelector","applicationServers","applicationServer","_GxIdeDeploymentTool_renderGeneratorSelector","generators","generator","_GxIdeDeploymentTool_renderTargetSelector","src","disabled","canCreatePackage","onlyPackageLabel","part","checkedValue","_GxIdeDeploymentTool_renderDisplayNameInput","_GxIdeDeploymentTool_renderFooter","deployButton","watchTreeModelHandler","newState","watchObjectTypesHandler","_GxIdeDeploymentTool_instances","_GxIdeDeploymentTool_flattenObjectTypes","componentWillLoad","Locale","getComponentStrings","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","Host","_d","_e","description","_f","canDefineDisplayName"],"sources":["src/components/deployment-tool/helpers.ts","src/components/deployment-tool/deployment-tool.scss?tag=gx-ide-deployment-tool&encapsulation=shadow","src/components/deployment-tool/deployment-tool.tsx"],"sourcesContent":["import { TreeViewItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/tree-view/types\";\nimport { TypedObjectData, ObjectTypeData } from \"./deployment-tool\";\n\nconst KB_OBJECT_TYPE = \"type\";\nexport const KB_OBJECT = \"object\";\n\nconst convertObjectDataToTreeItem = (\n  objectTypeIcon: string,\n  objectItems: TypedObjectData[]\n) => {\n  return objectItems.map(objectItem => ({\n    id: objectItem.id,\n    caption: objectItem.name,\n    startImgSrc: objectTypeIcon,\n    expanded: true,\n    leaf: true,\n    metadata: KB_OBJECT\n  }));\n};\n\nexport const convertObjectTypeDataToTreeView = (\n  objectTypeData: ObjectTypeDataWithItems[]\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!objectTypeData) {\n    return treeData;\n  }\n\n  for (const objectType of objectTypeData) {\n    if (objectType.items.length > 0) {\n      treeData.push({\n        id: objectType.id,\n        caption: objectType.name,\n        startImgSrc: objectType.icon,\n        expanded: true,\n        leaf: false,\n        metadata: KB_OBJECT_TYPE,\n        items: convertObjectDataToTreeItem(objectType.icon, objectType.items)\n      });\n    }\n  }\n\n  return treeData;\n};\n\nexport const createArrayOfItems = (\n  objectItems: TypedObjectData[],\n  objectTypes: ObjectTypeData[]\n) => {\n  // The resulting array with 'items' property added to each type\n  const objectTypesWithItems: ObjectTypeDataWithItems[] = objectTypes.map(\n    type => {\n      // Filter objects that match the current type id\n      const items = objectItems.filter(object => object.type === type.id);\n\n      // Return a new object type with the 'items' property\n\n      return {\n        ...type,\n        items: items\n      };\n    }\n  );\n  const treeView = convertObjectTypeDataToTreeView(objectTypesWithItems);\n  return treeView;\n};\n\nexport type ObjectTypeDataWithItems = {\n  id: string;\n  name: string;\n  icon: string;\n  items: TypedObjectData[];\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.header {\n  display: grid;\n  padding: var(--gxg-container--padding);\n  gap: var(--gx-ide-grid-column-gap);\n  grid-template-columns: 1fr auto;\n  :nth-child(2) {\n    align-self: self-end;\n  }\n  margin-block-end: var(--gx-ide-grid-row-gap);\n}\n\n// deploy properties\n.deploy-properties {\n  display: grid;\n  grid-auto-rows: max-content;\n  grid-template-columns: max-content 1fr max-content;\n  grid-template-areas:\n    \"target-types__label target-types__combo-box target-types__button-checkbox-container\"\n    \"application-server__label application-server__combo-box .\"\n    \". target-type__description .\"\n    \"display-name__label display-name__combo-box .\";\n  align-items: center;\n  column-gap: var(--field__column-gap);\n  row-gap: var(--field-group__row-gap);\n  border-block-start: var(--section-common-border);\n  padding-block-start: var(--mer-spacing--md);\n}\n\n.label.target-types {\n  grid-area: target-types__label;\n}\n#target-types {\n  grid-area: target-types__combo-box;\n}\n.target-types-button-checkbox-wrapper {\n  grid-area: target-types__button-checkbox-container;\n}\n\n.label.application-server {\n  grid-area: application-server__label;\n}\n#application-server {\n  grid-area: application-server__combo-box;\n}\n\n.target-type__description {\n  grid-area: target-type__description;\n}\n\n.label.display-name {\n  grid-area: display-name__label;\n}\n#display-name {\n  grid-area: display-name__combo-box;\n}\n\n.footer {\n  margin-block-start: var(--gx-ide-grid-row-gap);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  State,\n  EventEmitter,\n  Watch\n} from \"@stencil/core\";\n\n// Other Libraries\nimport {\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library/dist/types/components/tree-view/types\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { createArrayOfItems } from \"./helpers\";\n\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\nimport { KB_OBJECT } from \"./helpers\";\nimport {\n  ComboBoxItemModel,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { ChComboBoxRenderCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport { ObjectBaseData } from \"../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/edit\",\n  \"components/tree-view\",\n  \"components/combo-box\",\n  \"components/icon\",\n  \"utils/spacing\"\n];\n\n@Component({\n  tag: \"gx-ide-deployment-tool\",\n  styleUrl: \"deployment-tool.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/deployment-tool\"]\n})\nexport class GxIdeDeploymentTool {\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  #renderedFirstTime = false;\n  #flattenedObjectTypeData: Map<string, ObjectTypeData> = new Map();\n  #currentDeploymentUnitId: string | undefined;\n\n  @Element() el: HTMLGxIdeDeploymentToolElement;\n  #onlyPackageCheckboxEl!: HTMLChCheckboxElement;\n  #targetTypesEl!: HTMLChComboBoxRenderElement;\n  #applicationServerEl!: HTMLChComboBoxRenderElement;\n  #generatorEl!: HTMLChComboBoxRenderElement;\n  #deploymentUnitsEl!: HTMLChComboBoxRenderElement;\n  #displayNameEl!: HTMLChEditElement;\n\n  @State() checkedObjectsIds: string[] = [];\n  @State() noObjects: boolean;\n  @State() selectedDeployTargetData: DeployTargetData = null;\n  @State() addedObjects: TypedObjectData[] = [];\n  @State() allObjectTypes: ObjectTypeData[];\n  @State() treeModel: TreeViewItemModel[] = [];\n  @State() allowDeploy: boolean = true;\n  @Watch(\"treeModel\")\n  watchTreeModelHandler(newState: TreeViewItemModel[]) {\n    this.noObjects = !!(newState.length === 0 || !newState);\n  }\n\n  /**\n   * Available deployment units list\n   */\n  @Prop() readonly deploymentUnits: ObjectBaseData[];\n\n  /**\n   * Available target types list\n   */\n  @Prop() readonly targetTypes: DeployTargetData[];\n\n  /**\n   * Defines id for new deployment unit option\n   */\n  @Prop() readonly newDeploymentUnitId: string;\n\n  /**\n   * Array of possible object types\n   */\n  @Prop() readonly objectTypes: ObjectTypeData[];\n  @Watch(\"objectTypes\")\n  watchObjectTypesHandler(newState: ObjectTypeData[]) {\n    this.#flattenObjectTypes(newState);\n  }\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Prop()\n  readonly getDeploymentUnitObjectsCallback: GetDeploymentUnitObjectsCallback;\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly optionsCallback: OptionsCallback;\n\n  /**\n   * Callback invoked when user wants to start deploy process\n   */\n  @Prop() readonly deployCallback: DeployCallback;\n\n  /**\n   * Callback invoked when the user wants to add objects.\n   */\n  @Prop() readonly addObjectsCallback: AddObjectsCallback;\n\n  /**\n   * Callback invoked when the user wants to create a deployment unit.\n   */\n  @Prop() readonly createDeploymentUnitCallback: CreateDeploymentUnitCallback;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.selectedDeployTargetData = this.targetTypes[0];\n    this.allObjectTypes = [...this.objectTypes];\n    this.#evaluateObjects();\n    this.#flattenObjectTypes(this.allObjectTypes);\n    if (this.deploymentUnits.length > 0) {\n      this.#loadDeploymentUnits(this.deploymentUnits[0].id);\n\n      if (this.targetTypes.length > 0 && this.optionsCallback) {\n        this.optionsCallback(\n          this.deploymentUnits[0].id,\n          this.targetTypes[0].id\n        );\n      }\n    }\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  #evaluateObjects = () => {\n    this.noObjects = !!(this.treeModel?.length === 0 || !this.treeModel);\n  };\n\n  #handleGetDeploymentUnitObjectsCallback = async (ev: any) => {\n    await this.#loadDeploymentUnits(ev.detail);\n    this.#optionsCallbackHandler();\n  };\n\n  #loadDeploymentUnits = async (id: string) => {\n    if (id === this.newDeploymentUnitId) {\n      await this.#handleCreateDeploymentUnit();\n      return;\n    }\n\n    this.#currentDeploymentUnitId = id;\n\n    const objectData = await this.getDeploymentUnitObjectsCallback(id);\n    this.addedObjects = [...objectData];\n    this.treeModel = createArrayOfItems(this.addedObjects, this.allObjectTypes);\n  };\n\n  #handleCreateDeploymentUnit = async () => {\n    if (this.createDeploymentUnitCallback) {\n      const deploymentUnitData = await this.createDeploymentUnitCallback();\n      if (!deploymentUnitData) {\n        return;\n      }\n\n      // Update deployment units:\n      this.deploymentUnits.unshift(deploymentUnitData);\n\n      // Update combo:\n      const comboModelItem = this.#getComboModel([deploymentUnitData]);\n      this.#deploymentUnitsEl.model = comboModelItem.concat(\n        this.#deploymentUnitsEl.model\n      );\n      this.#deploymentUnitsEl.value = deploymentUnitData.id;\n\n      // Trigger selection callback:\n      await this.#loadDeploymentUnits(deploymentUnitData.id);\n    }\n  };\n\n  #optionsCallbackHandler = () => {\n    if (this.optionsCallback) {\n      this.optionsCallback(\n        this.#deploymentUnitsEl.value,\n        this.#targetTypesEl.value\n      );\n    }\n  };\n\n  #addNewTypesToModel = () => {\n    const allTypes: ObjectTypeData[] = [...this.allObjectTypes];\n\n    this.addedObjects.forEach(addedObject => {\n      const matchingType = this.allObjectTypes.find(\n        objectType => objectType.id === addedObject.type\n      );\n\n      if (!matchingType) {\n        allTypes.push({\n          id: addedObject.type,\n          name: addedObject.type,\n          icon: \"\"\n        });\n      }\n    });\n    this.allObjectTypes = [...allTypes];\n  };\n\n  #addObjectsCallbackHandler = async () => {\n    if (this.addObjectsCallback) {\n      const objects: TypedObjectData[] = await this.addObjectsCallback();\n      this.addedObjects = [...objects, ...this.addedObjects];\n\n      this.#addNewTypesToModel();\n      this.treeModel = createArrayOfItems(\n        this.addedObjects,\n        this.allObjectTypes\n      );\n    }\n  };\n\n  #deployCallbackHandler = async () => {\n    const data: DeployData = {\n      targetId: this.#targetTypesEl.value,\n      applicationServerId: this.#applicationServerEl?.value,\n      displayName: this.#displayNameEl?.value,\n      generatorId: this.#generatorEl?.value,\n      onlyPackage: this.#onlyPackageCheckboxEl\n        ? this.#onlyPackageCheckboxEl.value === \"true\"\n        : undefined,\n      objects: this.checkedObjectsIds\n    };\n\n    if (this.deployCallback) {\n      this.allowDeploy = false;\n      await this.deployCallback(data);\n      this.allowDeploy = true;\n    }\n  };\n\n  #handleTargetTypesChange = (ev: any) => {\n    const selectedId = ev.detail;\n\n    this.selectedDeployTargetData =\n      this.targetTypes.find(targetType => targetType.id === selectedId) || null;\n\n    this.#optionsCallbackHandler();\n  };\n\n  #flattenObjectTypes(newState: ObjectTypeData[]) {\n    newState.forEach(objectType => {\n      this.#flattenedObjectTypeData.set(objectType.id, objectType);\n    });\n  }\n\n  #objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    const allItemsWithCheckbox = [...event.detail.values()];\n\n    this.checkedObjectsIds = allItemsWithCheckbox\n      .filter(\n        checkedItem =>\n          checkedItem.item.checked && checkedItem.item.metadata === KB_OBJECT\n      )\n      .map(checkedItem => checkedItem.item.id);\n  };\n\n  #evaluateContentToDisplay = () => {\n    if (this.noObjects) {\n      return (\n        <gx-ide-empty-state\n          isAnimated={false}\n          stateTitle={this.#componentLocale.main.noObjectsToDisplay}\n          key=\"no-objects-empty-state\"\n          stateIconSrc=\"objects/object\"\n        ></gx-ide-empty-state>\n      );\n    }\n\n    return (\n      <ch-tree-view-render\n        class=\"tree-view\"\n        model={this.treeModel}\n        dragDisabled={true}\n        dropDisabled={true}\n        toggleCheckboxes={true}\n        showLines=\"last\"\n        checked={true}\n        checkbox={true}\n        onCheckedItemsChange={this.#objectsTreeCheckedItemsChangedHandler}\n      />\n    );\n  };\n\n  #getComboModel = (baseCollection: ObjectBaseData[]): ComboBoxModel => {\n    return baseCollection.map(\n      obj =>\n        ({\n          caption: obj.name,\n          value: obj.id\n        } as ComboBoxItemModel)\n    );\n  };\n\n  #renderComboSelector = (\n    properties: ComboSelectorProperties,\n    withField: boolean = false\n  ) => {\n    const controlId = properties.label.replace(/ /g, \"-\").toLowerCase();\n    const labelClasses = `label ${controlId}`;\n    const labelAndComboBox = [\n      <label class={labelClasses} htmlFor={controlId}>\n        {properties.label}\n      </label>,\n      <ch-combo-box-render\n        class=\"combo-box\"\n        value={\n          properties.value ? properties.value : properties.baseModel[0]?.id\n        }\n        model={this.#getComboModel(properties.baseModel)}\n        id={controlId}\n        ref={properties.refCallback}\n        onInput={properties.onInputCallback}\n      />\n    ];\n    return withField ? (\n      <div class=\"field field-inline\">{labelAndComboBox}</div>\n    ) : (\n      labelAndComboBox\n    );\n  };\n\n  #renderHeader = () => {\n    return (\n      <div slot=\"header\" class=\"header control-header-with-border\">\n        {this.#renderComboSelector(\n          {\n            id: \"deploymentUnits\",\n            baseModel: this.deploymentUnits,\n            label: this.#componentLocale.header.objectsToDeploy,\n            value: this.#currentDeploymentUnitId,\n            refCallback: (el: HTMLChComboBoxRenderElement) => {\n              this.#deploymentUnitsEl = el as HTMLChComboBoxRenderElement;\n            },\n            onInputCallback: this.#handleGetDeploymentUnitObjectsCallback\n          },\n          true\n        )}\n\n        <button\n          class=\"button-primary\"\n          onClick={this.#addObjectsCallbackHandler}\n        >\n          {this.#componentLocale.main.addButton}\n        </button>\n      </div>\n    );\n  };\n\n  #renderApplicationServerSelector = () => {\n    return this.#renderComboSelector({\n      id: \"application-servers\",\n      baseModel: this.selectedDeployTargetData?.applicationServers,\n      label: this.#componentLocale.main.applicationServer,\n      refCallback: (el: HTMLChComboBoxRenderElement) => {\n        this.#applicationServerEl = el as HTMLChComboBoxRenderElement;\n      }\n    });\n  };\n\n  #renderGeneratorSelector = () => {\n    return this.#renderComboSelector({\n      id: \"generator\",\n      baseModel: this.selectedDeployTargetData?.generators,\n      label: this.#componentLocale.main.generator,\n      refCallback: (el: HTMLChComboBoxRenderElement) => {\n        this.#generatorEl = el as HTMLChComboBoxRenderElement;\n      }\n    });\n  };\n\n  #renderTargetSelector = () => {\n    return [\n      this.#renderComboSelector({\n        id: \"targetTypes\",\n        baseModel: this.targetTypes,\n        label: this.#componentLocale.main.targetTypes,\n        refCallback: (el: HTMLChComboBoxRenderElement) => {\n          this.#targetTypesEl = el as HTMLChComboBoxRenderElement;\n        },\n        onInputCallback: this.#handleTargetTypesChange\n      }),\n      <div class=\"target-types-button-checkbox-wrapper buttons-spacer\">\n        <button\n          class=\"button-tertiary button-icon-only\"\n          onClick={this.#optionsCallbackHandler}\n        >\n          <ch-image class=\"icon-md\" src=\"system/settings/primary\" />\n        </button>\n        <ch-checkbox\n          disabled={!this.selectedDeployTargetData?.canCreatePackage}\n          class=\"checkbox\"\n          caption={this.#componentLocale.main.onlyPackageLabel}\n          part=\"only-package-checkbox\"\n          checkedValue=\"true\"\n          value=\"false\"\n          ref={(el: HTMLChCheckboxElement) =>\n            (this.#onlyPackageCheckboxEl = el as HTMLChCheckboxElement)\n          }\n        />\n      </div>\n    ];\n  };\n\n  #renderDisplayNameInput = () => {\n    return [\n      <label class=\"label display-name\" htmlFor=\"display-name\">\n        {this.#componentLocale.main.displayName}\n      </label>,\n      <ch-edit\n        class=\"input\"\n        id=\"display-name\"\n        ref={(el: HTMLChEditElement) => {\n          if (el) {\n            this.#displayNameEl = el;\n          }\n        }}\n      />\n    ];\n  };\n\n  #renderFooter = () => {\n    return (\n      <div slot=\"footer-end\" class=\"footer control-footer-with-border\">\n        <button\n          class=\"button-primary\"\n          onClick={this.#deployCallbackHandler}\n          disabled={!this.allowDeploy}\n        >\n          {this.#componentLocale.main.deployButton}\n        </button>\n      </div>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget spacing-body\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        {this.#renderHeader()}\n\n        <div class=\"container-wrapper\">{this.#evaluateContentToDisplay()}</div>\n        <div class=\"deploy-properties\">\n          {this.#renderTargetSelector()}\n\n          {this.selectedDeployTargetData?.applicationServers?.length > 0\n            ? this.#renderApplicationServerSelector()\n            : []}\n\n          {this.selectedDeployTargetData?.generators?.length > 0\n            ? this.#renderGeneratorSelector()\n            : []}\n\n          <p class=\"body-italic-s target-type__description\">\n            {this.selectedDeployTargetData?.description}\n          </p>\n\n          {this.selectedDeployTargetData?.canDefineDisplayName\n            ? this.#renderDisplayNameInput()\n            : []}\n        </div>\n\n        {this.#renderFooter()}\n      </Host>\n    );\n  }\n}\n\ntype ComboSelectorProperties = {\n  class?: string;\n  id: string;\n  baseModel: ObjectBaseData[];\n  value?: string;\n  label: string;\n  refCallback: (el: HTMLChComboBoxRenderElement) => void;\n  onInputCallback?: ((event: ChComboBoxRenderCustomEvent<string>) => void) &\n    ((event: InputEvent) => void);\n};\n\nexport type AddObjectsCallback = () => Promise<TypedObjectData[]>;\nexport type OptionsCallback = (\n  delpoymentUnitId: string,\n  targetId: string\n) => Promise<void>;\nexport type GetDeploymentUnitObjectsCallback = (\n  id: string\n) => Promise<TypedObjectData[]>;\n\nexport type DeployCallback = (data: DeployData) => Promise<boolean>;\n\nexport type CreateDeploymentUnitCallback = () => Promise<\n  ObjectBaseData | undefined\n>;\n\nexport type ObjectTypeData = ObjectBaseData & {\n  icon: string;\n};\n\nexport type DeployTargetData = ObjectBaseData & {\n  canCreatePackage: boolean;\n  canDefineDisplayName: boolean;\n  applicationServers: ObjectBaseData[];\n  generators: ObjectBaseData[];\n  description: string;\n};\n\nexport type TypedObjectData = ObjectBaseData & {\n  type: string;\n};\n\nexport type DeployData = {\n  targetId: string;\n  applicationServerId?: string;\n  displayName?: string;\n  generatorId?: string;\n  onlyPackage: boolean;\n  objects: string[];\n};\n"],"mappings":";;;;AAGA,MAAMA,IAAiB;;AAChB,MAAMC,IAAY;;AAEzB,MAAMC,8BAA8B,CAClCC,GACAC,MAEOA,EAAYC,KAAIC,MAAU;EAC/BC,IAAID,EAAWC;EACfC,SAASF,EAAWG;EACpBC,aAAaP;EACbQ,UAAU;EACVC,MAAM;EACNC,UAAUZ;;;AAIP,MAAMa,kCACXC;EAEA,MAAMC,IAAgC;EACtC,KAAKD,GAAgB;IACnB,OAAOC;;EAGT,KAAK,MAAMC,KAAcF,GAAgB;IACvC,IAAIE,EAAWC,MAAMC,SAAS,GAAG;MAC/BH,EAASI,KAAK;QACZb,IAAIU,EAAWV;QACfC,SAASS,EAAWR;QACpBC,aAAaO,EAAWI;QACxBV,UAAU;QACVC,MAAM;QACNC,UAAUb;QACVkB,OAAOhB,4BAA4Be,EAAWI,MAAMJ,EAAWC;;;;EAKrE,OAAOF;AAAQ;;AAGV,MAAMM,qBAAqB,CAChClB,GACAmB;;EAGA,MAAMC,IAAkDD,EAAYlB,KAClEoB;;IAEE,MAAMP,IAAQd,EAAYsB,QAAOC,KAAUA,EAAOF,SAASA,EAAKlB;;QAIhE,OAAAqB,OAAAC,OAAAD,OAAAC,OAAA,IACKJ,IAAI;MACPP,OAAOA;;AAAK;EAIlB,MAAMY,IAAWhB,gCAAgCU;EACjD,OAAOM;AAAQ;;AChEjB,MAAMC,IAAoB;;;;;;;;;;;;;;;;;AC+B1B,MAAMC,IAA8B,EAClC,qBACA,cACA,gBACA,oBACA,qBACA,uBACA,mBACA,wBACA,wBACA,mBACA;;MASWC,IAAmB;;;;;;;;;;QAK9BC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAqB;IACrBE,EAAAH,IAAAC,MAAwD,IAAIG;IAC5DC,EAAAL,IAAAC,WAAA;IAGAK,EAAAN,IAAAC,WAAA;IACAM,EAAAP,IAAAC,WAAA;IACAO,EAAAR,IAAAC,WAAA;IACAQ,EAAAT,IAAAC,WAAA;IACAS,EAAAV,IAAAC,WAAA;IACAU,EAAAX,IAAAC,WAAA;IAsGAW,EAAAZ,IAAAC,OAAmB;;MACjBA,KAAKY,iBAAeC,IAAAb,KAAKc,eAAS,QAAAD,WAAA,aAAAA,EAAE9B,YAAW,MAAMiB,KAAKc;AAAU;IAGtEC,EAAAhB,IAAAC,OAA0CgB,MAAOC;YACzCC,EAAAlB,MAAImB,GAAA,KAAqBC,KAAzBpB,MAA0BiB,EAAGI;MACnCH,EAAAlB,MAAIsB,GAAA,KAAwBF,KAA5BpB;AAA8B;IAGhCmB,EAAApB,IAAAC,OAAuBgB,MAAO7C;MAC5B,IAAIA,MAAO6B,KAAKuB,qBAAqB;cAC7BL,EAAAlB,MAAIwB,GAAA,KAA4BJ,KAAhCpB;QACN;;MAGFyB,EAAAzB,MAAII,GAA4BjC,GAAE;MAElC,MAAMuD,UAAmB1B,KAAK2B,iCAAiCxD;MAC/D6B,KAAK4B,eAAe,KAAIF;MACxB1B,KAAKc,YAAY5B,mBAAmBc,KAAK4B,cAAc5B,KAAK6B;AAAe;IAG7EL,EAAAzB,IAAAC,OAA8BgB;MAC5B,IAAIhB,KAAK8B,8BAA8B;QACrC,MAAMC,UAA2B/B,KAAK8B;QACtC,KAAKC,GAAoB;UACvB;;;gBAIF/B,KAAKgC,gBAAgBC,QAAQF;;gBAG7B,MAAMG,IAAiBhB,EAAAlB,MAAImC,GAAA,KAAef,KAAnBpB,MAAoB,EAAC+B;QAC5Cb,EAAAlB,MAAIS,GAAA,KAAoB2B,QAAQF,EAAeG,OAC7CnB,EAAAlB,MAAIS,GAAA,KAAoB2B;QAE1BlB,EAAAlB,MAAIS,GAAA,KAAoB6B,QAAQP,EAAmB5D;;sBAG7C+C,EAAAlB,MAAImB,GAAA,KAAqBC,KAAzBpB,MAA0B+B,EAAmB5D;;;IAIvDmD,EAAAvB,IAAAC,OAA0B;MACxB,IAAIA,KAAKuC,iBAAiB;QACxBvC,KAAKuC,gBACHrB,EAAAlB,MAAIS,GAAA,KAAoB6B,OACxBpB,EAAAlB,MAAIM,GAAA,KAAgBgC;;;IAK1BE,EAAAzC,IAAAC,OAAsB;MACpB,MAAMyC,IAA6B,KAAIzC,KAAK6B;MAE5C7B,KAAK4B,aAAac,SAAQC;QACxB,MAAMC,IAAe5C,KAAK6B,eAAegB,MACvChE,KAAcA,EAAWV,OAAOwE,EAAYtD;QAG9C,KAAKuD,GAAc;UACjBH,EAASzD,KAAK;YACZb,IAAIwE,EAAYtD;YAChBhB,MAAMsE,EAAYtD;YAClBJ,MAAM;;;;MAIZe,KAAK6B,iBAAiB,KAAIY;AAAS;IAGrCK,EAAA/C,IAAAC,OAA6BgB;MAC3B,IAAIhB,KAAK+C,oBAAoB;QAC3B,MAAMC,UAAmChD,KAAK+C;QAC9C/C,KAAK4B,eAAe,KAAIoB,MAAYhD,KAAK4B;QAEzCV,EAAAlB,MAAIwC,GAAA,KAAoBpB,KAAxBpB;QACAA,KAAKc,YAAY5B,mBACfc,KAAK4B,cACL5B,KAAK6B;;;IAKXoB,EAAAlD,IAAAC,OAAyBgB;;MACvB,MAAMkC,IAAmB;QACvBC,UAAUjC,EAAAlB,MAAIM,GAAA,KAAgBgC;QAC9Bc,sBAAqBvC,IAAAK,EAAAlB,MAAIO,GAAA,UAAqB,QAAAM,WAAA,aAAAA,EAAEyB;QAChDe,cAAaC,IAAApC,EAAAlB,MAAIU,GAAA,UAAe,QAAA4C,WAAA,aAAAA,EAAEhB;QAClCiB,cAAaC,IAAAtC,EAAAlB,MAAIQ,GAAA,UAAa,QAAAgD,WAAA,aAAAA,EAAElB;QAChCmB,aAAavC,EAAAlB,MAAIK,GAAA,OACba,EAAAlB,MAAIK,GAAA,KAAwBiC,UAAU,SACtCoB;QACJV,SAAShD,KAAK2D;;MAGhB,IAAI3D,KAAK4D,gBAAgB;QACvB5D,KAAK6D,cAAc;cACb7D,KAAK4D,eAAeV;QAC1BlD,KAAK6D,cAAc;;;IAIvBC,EAAA/D,IAAAC,OAA4BiB;MAC1B,MAAM8C,IAAa9C,EAAGI;MAEtBrB,KAAKgE,2BACHhE,KAAKiE,YAAYpB,MAAKqB,KAAcA,EAAW/F,OAAO4F,OAAe;MAEvE7C,EAAAlB,MAAIsB,GAAA,KAAwBF,KAA5BpB;AAA8B;IAShCmE,EAAApE,IAAAC,OACEoE;MAEA,MAAMC,IAAuB,KAAID,EAAM/C,OAAOiD;MAE9CtE,KAAK2D,oBAAoBU,EACtB/E,QACCiF,KACEA,EAAYC,KAAKC,WAAWF,EAAYC,KAAK/F,aAAaZ,IAE7DI,KAAIsG,KAAeA,EAAYC,KAAKrG;AAAG;IAG5CuG,EAAA3E,IAAAC,OAA4B;MAC1B,IAAIA,KAAKY,WAAW;QAClB,OACE+D,EAAA;UACEC,YAAY;UACZC,YAAY3D,EAAAlB,MAAIF,GAAA,KAAkBgF,KAAKC;UACvCC,KAAI;UACJC,cAAa;;;MAKnB,OACEN,EAAA;QACEO,OAAM;QACN9C,OAAOpC,KAAKc;QACZqE,cAAc;QACdC,cAAc;QACdC,kBAAkB;QAClBC,WAAU;QACVb,SAAS;QACTc,UAAU;QACVC,sBAAsBtE,EAAAlB,MAAImE,GAAA;;AAC1B;IAINhC,EAAApC,IAAAC,OAAkByF,KACTA,EAAexH,KACpByH,MAAG;MAECtH,SAASsH,EAAIrH;MACbiE,OAAOoD,EAAIvH;;IAKnBwH,EAAA5F,IAAAC,OAAuB,CACrB4F,GACAC,IAAqB;;MAErB,MAAMC,IAAYF,EAAWG,MAAMC,QAAQ,MAAM,KAAKC;MACtD,MAAMC,IAAe,SAASJ;MAC9B,MAAMK,IAAmB,EACvBxB,EAAA;QAAOO,OAAOgB;QAAcE,SAASN;SAClCF,EAAWG,QAEdpB,EAAA;QACEO,OAAM;QACN5C,OACEsD,EAAWtD,QAAQsD,EAAWtD,SAAQzB,IAAA+E,EAAWS,UAAU,QAAE,QAAAxF,WAAA,aAAAA,EAAE1C;QAEjEiE,OAAOlB,EAAAlB,MAAImC,GAAA,KAAef,KAAnBpB,MAAoB4F,EAAWS;QACtClI,IAAI2H;QACJQ,KAAKV,EAAWW;QAChBC,SAASZ,EAAWa;;MAGxB,OAAOZ,IACLlB,EAAA;QAAKO,OAAM;SAAsBiB,KAAuB;AAGzD;IAGHO,EAAA3G,IAAAC,OAAgB,MAEZ2E,EAAA;MAAKgC,MAAK;MAASzB,OAAM;OACtBhE,EAAAlB,MAAI2F,GAAA,KAAqBvE,KAAzBpB,MACC;MACE7B,IAAI;MACJkI,WAAWrG,KAAKgC;MAChB+D,OAAO7E,EAAAlB,MAAIF,GAAA,KAAkB8G,OAAOC;MACpCvE,OAAOpB,EAAAlB,MAAII,GAAA;MACXmG,aAAcO;QACZrF,EAAAzB,MAAIS,GAAsBqG,GAAiC;AAAA;MAE7DL,iBAAiBvF,EAAAlB,MAAIe,GAAA;OAEvB,OAGF4D,EAAA;MACEO,OAAM;MACN6B,SAAS7F,EAAAlB,MAAI8C,GAAA;OAEZ5B,EAAAlB,MAAIF,GAAA,KAAkBgF,KAAKkC;IAMpCC,EAAAlH,IAAAC,OAAmC;;MACjC,OAAOkB,EAAAlB,MAAI2F,GAAA,KAAqBvE,KAAzBpB,MAA0B;QAC/B7B,IAAI;QACJkI,YAAWxF,IAAAb,KAAKgE,8BAAwB,QAAAnD,WAAA,aAAAA,EAAEqG;QAC1CnB,OAAO7E,EAAAlB,MAAIF,GAAA,KAAkBgF,KAAKqC;QAClCZ,aAAcO;UACZrF,EAAAzB,MAAIO,GAAwBuG,GAAiC;AAAA;;AAE/D;IAGJM,EAAArH,IAAAC,OAA2B;;MACzB,OAAOkB,EAAAlB,MAAI2F,GAAA,KAAqBvE,KAAzBpB,MAA0B;QAC/B7B,IAAI;QACJkI,YAAWxF,IAAAb,KAAKgE,8BAAwB,QAAAnD,WAAA,aAAAA,EAAEwG;QAC1CtB,OAAO7E,EAAAlB,MAAIF,GAAA,KAAkBgF,KAAKwC;QAClCf,aAAcO;UACZrF,EAAAzB,MAAIQ,GAAgBsG,GAAiC;AAAA;;AAEvD;IAGJS,EAAAxH,IAAAC,OAAwB;;MACtB,OAAO,EACLkB,EAAAlB,MAAI2F,GAAA,KAAqBvE,KAAzBpB,MAA0B;QACxB7B,IAAI;QACJkI,WAAWrG,KAAKiE;QAChB8B,OAAO7E,EAAAlB,MAAIF,GAAA,KAAkBgF,KAAKb;QAClCsC,aAAcO;UACZrF,EAAAzB,MAAIM,GAAkBwG,GAAiC;AAAA;QAEzDL,iBAAiBvF,EAAAlB,MAAI8D,GAAA;UAEvBa,EAAA;QAAKO,OAAM;SACTP,EAAA;QACEO,OAAM;QACN6B,SAAS7F,EAAAlB,MAAIsB,GAAA;SAEbqD,EAAA;QAAUO,OAAM;QAAUsC,KAAI;WAEhC7C,EAAA;QACE8C,aAAW5G,IAAAb,KAAKgE,8BAAwB,QAAAnD,WAAA,aAAAA,EAAE6G;QAC1CxC,OAAM;QACN9G,SAAS8C,EAAAlB,MAAIF,GAAA,KAAkBgF,KAAK6C;QACpCC,MAAK;QACLC,cAAa;QACbvF,OAAM;QACNgE,KAAMQ,KACHrF,EAAAzB,MAAIK,GAA0ByG,GAA2B;;AAIjE;IAGHgB,EAAA/H,IAAAC,OAA0B,MACjB,EACL2E,EAAA;MAAOO,OAAM;MAAqBkB,SAAQ;OACvClF,EAAAlB,MAAIF,GAAA,KAAkBgF,KAAKzB,cAE9BsB,EAAA;MACEO,OAAM;MACN/G,IAAG;MACHmI,KAAMQ;QACJ,IAAIA,GAAI;UACNrF,EAAAzB,MAAIU,GAAkBoG,GAAE;;;;IAOlCiB,EAAAhI,IAAAC,OAAgB,MAEZ2E,EAAA;MAAKgC,MAAK;MAAazB,OAAM;OAC3BP,EAAA;MACEO,OAAM;MACN6B,SAAS7F,EAAAlB,MAAIiD,GAAA;MACbwE,WAAWzH,KAAK6D;OAEf3C,EAAAlB,MAAIF,GAAA,KAAkBgF,KAAKkD;6BApZG;;oCAEe;wBACX;;qBAED;uBACV;;;;;;;;;;;EAEhC,qBAAAC,CAAsBC;IACpBlI,KAAKY,eAAesH,EAASnJ,WAAW,MAAMmJ;;EAuBhD,uBAAAC,CAAwBD;IACtBhH,EAAAlB,MAAIoI,GAAA,KAAAC,GAAoBjH,KAAxBpB,MAAyBkI;;EAwC3B,uBAAMI;IACJ7G,EAAAzB,MAAIF,SAA0ByI,EAAOC,oBAAoBxI,KAAK8G,KAAG;IACjE9G,KAAKgE,2BAA2BhE,KAAKiE,YAAY;IACjDjE,KAAK6B,iBAAiB,KAAI7B,KAAKb;IAC/B+B,EAAAlB,MAAIW,GAAA,KAAiBS,KAArBpB;IACAkB,EAAAlB,MAAIoI,GAAA,KAAAC,GAAoBjH,KAAxBpB,MAAyBA,KAAK6B;IAC9B,IAAI7B,KAAKgC,gBAAgBjD,SAAS,GAAG;MACnCmC,EAAAlB,MAAImB,GAAA,KAAqBC,KAAzBpB,MAA0BA,KAAKgC,gBAAgB,GAAG7D;MAElD,IAAI6B,KAAKiE,YAAYlF,SAAS,KAAKiB,KAAKuC,iBAAiB;QACvDvC,KAAKuC,gBACHvC,KAAKgC,gBAAgB,GAAG7D,IACxB6B,KAAKiE,YAAY,GAAG9F;;;;EAM5B,kBAAAsK;IACE,KAAKvH,EAAAlB,MAAIC,GAAA,MAAqB;MAC5BD,KAAK0I,4BAA4BC,KAC/BzH,EAAAlB,MAAIF,GAAA,KAAkB8I;MAExBnH,EAAAzB,MAAIC,GAAsB,MAAI;;;EA0TlC,MAAA4I;;IACE,OACElE,EAACmE,GAAI;MAAC5D,OAAM;OACVP,EAAA;MAAUvC,OAAOxC;QAEhBsB,EAAAlB,MAAI0G,GAAA,KAActF,KAAlBpB,OAED2E,EAAA;MAAKO,OAAM;OAAqBhE,EAAAlB,MAAI0E,GAAA,KAA0BtD,KAA9BpB,QAChC2E,EAAA;MAAKO,OAAM;OACRhE,EAAAlB,MAAIuH,GAAA,KAAsBnG,KAA1BpB,SAEAsD,KAAAzC,IAAAb,KAAKgE,8BAAwB,QAAAnD,WAAA,aAAAA,EAAEqG,wBAAkB,QAAA5D,WAAA,aAAAA,EAAEvE,UAAS,IACzDmC,EAAAlB,MAAIiH,GAAA,KAAiC7F,KAArCpB,QACA,MAEH+I,KAAAvF,IAAAxD,KAAKgE,8BAAwB,QAAAR,WAAA,aAAAA,EAAE6D,gBAAU,QAAA0B,WAAA,aAAAA,EAAEhK,UAAS,IACjDmC,EAAAlB,MAAIoH,GAAA,KAAyBhG,KAA7BpB,QACA,IAEJ2E,EAAA;MAAGO,OAAM;QACN8D,IAAAhJ,KAAKgE,8BAAwB,QAAAgF,WAAA,aAAAA,EAAEC,gBAGjCC,IAAAlJ,KAAKgE,8BAAwB,QAAAkF,WAAA,aAAAA,EAAEC,wBAC5BjI,EAAAlB,MAAI8H,GAAA,KAAwB1G,KAA5BpB,QACA,KAGLkB,EAAAlB,MAAI+H,GAAA,KAAc3G,KAAlBpB;;;;;;;;;;;;;;;;;;;;;;qDAjOakI;EAClBA,EAASxF,SAAQ7D;IACfqC,EAAAlB,MAAIE,GAAA,KAA0BH,IAAIlB,EAAWV,IAAIU;AAAW;AAEhE"}

package/dist/genexus-ide-ui/p-4b79c3ab.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","_a","detail","item","itemAdditionalBase","dataTypeSelectedCallback","__classPrivateFieldGet","_GxIdeKbManagerImport_updateListBoxModelState","call","selectedCategory","recentlyUsedActionListModel","forEach","selected","selectedItemIndex","recentlyUsed","findIndex","has","group","get","groupUpdated","Object","assign","_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-4c717aa7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mapStylesToComboBoxItemModel","styles","map","style","value","id","caption","label","name","TAB_DATA","layout","slot","code","tokens","composition","TAB_MODEL","panels","stencils","images","fonts","designSystem","DESIGN_TYPE_TO_TAB_MODEL_MAP","Map","designImportCss","DESIGN_DATA_TYPE_PANELS","DESIGN_DATA_TYPE_STENCILS","DESIGN_DATA_TYPE_IMAGES","DESIGN_DATA_TYPE_DESIGN_SYSTEM","DESIGN_DATA_TYPE_FONTS","ITEM_COMPOSE_ID_SEPARATOR","CHECKED_VALUE","MENU_DELETE","getIconPath","category","colorType","DESIGN","FILE_UPLOAD","WEBPANEL_ICON","PANEL_FOR_SD_ICON","CSS_BUNDLES","GxIdeImportFromDesign","_GxIdeImportFromDesign_componentLocale","set","this","_GxIdeImportFromDesign_loadedItems","_GxIdeImportFromDesign_emptyStateAnimated","_GxIdeImportFromDesign_formattedExtensions","_GxIdeImportFromDesign_objectTreeCheckedStatus","all","none","_GxIdeImportFromDesign_accessTokenEl","_GxIdeImportFromDesign_importAsWebPanelsEl","_GxIdeImportFromDesign_moduleEl","_GxIdeImportFromDesign_messagesList","_GxIdeImportFromDesign_panelsSelected","_GxIdeImportFromDesign_stencilsSelected","_GxIdeImportFromDesign_imagesSelected","_GxIdeImportFromDesign_fontsSelected","_GxIdeImportFromDesign_fileInputHiddenEl","_GxIdeImportFromDesign_pathEl","_GxIdeImportFromDesign_countDesignDataItems","tree","count","countItemsRecursively","designItemsArray","designItem","variants","Array","isArray","_GxIdeImportFromDesign_warningTreeItem","leaf","startImgSrc","order","checkbox","disabled","_GxIdeImportFromDesign_initializeActiveTabs","activeTabs","_GxIdeImportFromDesign_evaluateAccessTokenRender","async","requiresAccessToken","requiresAccessTokenCallback","path","accessToken","length","accessTokenHasError","_GxIdeImportFromDesign_pathURLBlurHandler","loadDataCondition1","isLoaded","reactiveSettings","pathIsValid","lastLoadCallbackSettingValues","loadDataCondition2","__classPrivateFieldGet","_GxIdeImportFromDesign_loadData","call","_GxIdeImportFromDesign_objectsTreeSelectedItemsChangedHandler","event","detail","item","_a","itemComposedId","idList","split","itemId","itemDesignType","isChildNode","isDesignSystem","tabsModel","get","selectedDesignType","loadedItem","_GxIdeImportFromDesign_getLoadedItem","designDataDetail","_GxIdeImportFromDesign_getDesignDataDetail","designType","selectedDesignItem","_GxIdeImportFromDesign_instances","_GxIdeImportFromDesign_getCodeFactory","_GxIdeImportFromDesign_renderDetailDataTree","renderedTabs","clear","add","_GxIdeImportFromDesign_validatePath","validPathRegex","figmaURLRegex","urlWithExtensionRegex","test","_GxIdeImportFromDesign_objectsTreeCheckedItemsChangedHandler","items","from","values","currentParentId","result","startsWith","checked","parentId","push","__classPrivateFieldSet","_GxIdeImportFromDesign_selectFileHandler","click","_GxIdeImportFromDesign_styleComboBoxInputHandler","styleValue","target","_GxIdeImportFromDesign_moduleInputHandler","module","defaultModule","isLoading","source","selectedFile","token","undefined","importAsWebPanels","designData","loadCallback","_GxIdeImportFromDesign_messageCallback","messages","success","firstDesignSystemName","_b","moduleId","message","loadFn","loadImageCallback","loadDesignSystemCallback","loadFontCallback","loadPanelDataCallback","returnedData","then","data","_GxIdeImportFromDesign_evaluateDesignItemsChecked","designItemsData","selectedItems","itemsToImport","totalItemsInTree","selectedItemsLength","_GxIdeImportFromDesign_confirm","panelsToImport","stencilsToImport","imagesToImport","fontsToImport","confirmCallback","styleName","_GxIdeImportFromDesign_cancel","cancelCallback","_GxIdeImportFromDesign_fitImagesHandler","fitImages","_GxIdeImportFromDesign_getPanelsSelectedItem","reduce","minIndex","index","_GxIdeImportFromDesign_importAsWebPanelsChangedHandler","loadData","_GxIdeImportFromDesign_removeFileSelection","_GxIdeImportFromDesign_selectFileInputChangedHandler","files","_GxIdeImportFromDesign_accessFocusHandler","element","type","_GxIdeImportFromDesign_accessBlurHandler","accessTokenChanged","_GxIdeImportFromDesign_pathUrlInputHandler","_GxIdeImportFromDesign_renderHeader","primaryButtonDisabled","clearFileButtonDisabled","stylesComboDisabled","moduleDisabled","pathWithErrorStyles","displayPathErrorTooltip","fitImagesIsDisabled","designDataTreeDataModel","primaryButtonCaption","header","btnReload","btnLoad","selectFileButton","h","class","input","debounce","config","inputDebounce","part","onInput","onBlur","placeholder","pathPlaceholder","ref","el","actionElement","blockAlign","tooltipSettings","inlineAlign","delay","pathErrorMessage","hidden","accept","onChange","removeFileSelection","title","onClick","src","accessTokenPlaceholder","onFocus","accessTokenErrorMessage","suggest","suggestOptions","alreadyProcessed","model","stylesAsComboBoxModel","labelPosition","defaultValue","selectEntityCallback","selectModuleCallback","onValueChanged","importAs","checkedValue","_GxIdeImportFromDesign_renderMessages","text","_GxIdeImportFromDesign_renderMain","_GxIdeImportFromDesign_renderDesignTree","_GxIdeImportFromDesign_renderDesignTabsCh","stateIconSrc","isAnimated","stateTitle","noDesignSelected","key","selectDesign","showLines","dragDisabled","dropDisabled","expandableButton","expandOnClick","toggleCheckboxes","onCheckedItemsChange","onSelectedItemsChange","_GxIdeImportFromDesign_renderFooter","buttonOkDisabled","footer","btnCancel","btnOk","_GxIdeImportFromDesign_evaluatePanelPreview","preview","alt","noPanelPreviewAvailable","_GxIdeImportFromDesign_renderPanelTab","renderControlsTree","detailTreeModel","_GxIdeImportFromDesign_renderImageTab","height","_GxIdeImportFromDesign_tabSelectionChangedHandler","newSelectedId","reRenderCounter","tab","scrollable","tabListPosition","selectedId","overflow","contain","onSelectedItemChange","display","has","Set","pathIsValidChanged","designDataChanged","newDesignData","panelsSelectedItem","isForWeb","panelsIconSrc","imagesIconSrc","webPanels","expanded","_GxIdeImportFromDesign_recursiveDesignTreeItems","warning","pathChanged","newPath","fileIsLoaded","size","validatePathResult","newAccessToken","trim","stylesChanged","newStyles","componentWillLoad","Locale","getComponentStrings","extensions","ext","join","watchMessagesHandler","newValue","oldValue","scrollTop","scrollHeight","render","Host","iconSrc","selectedIndex","i","hasVariants","itemWithWarning","isLeaf","selected","_GxIdeImportFromDesign_loadTreeItemCompositionModel","controls","modelList","control","Object","assign","textEditorFactoryCallback"],"sources":["src/components/design-import/helpers.ts","src/components/design-import/models.ts","src/components/design-import/design-import.scss?tag=gx-ide-design-import&encapsulation=shadow","src/components/design-import/design-import.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../../common/types\";\n\nexport const mapStylesToComboBoxItemModel = (\n  styles: GxOption[]\n): ComboBoxModel =>\n  styles?.map(style => ({\n    value: style.id,\n    caption: style.label || style.name\n  }));\n","import { TabModel } from \"@genexus/chameleon-controls-library\";\nimport { DesignType } from \"./design-import\";\n\nexport const TAB_DATA: { [key in TAB_SELECTOR]: TabData } = {\n  layout: { id: \"layout\", caption: \"Layout\", slot: \"layout\" },\n  code: { id: \"code\", caption: \"Code\", slot: \"code\" },\n  tokens: { id: \"tokens\", caption: \"Tokens\", slot: \"tokens\" },\n  styles: { id: \"styles\", caption: \"Styles\", slot: \"styles\" },\n  composition: {\n    id: \"composition\",\n    caption: \"Composition\",\n    slot: \"composition\"\n  }\n};\n\nexport const TAB_MODEL: TabDataModel = {\n  panels: [\n    {\n      id: TAB_DATA.composition.id,\n      name: TAB_DATA.composition.caption\n    },\n    {\n      id: TAB_DATA.layout.id,\n      name: TAB_DATA.layout.caption\n    },\n    {\n      id: TAB_DATA.code.id,\n      name: TAB_DATA.code.caption\n    }\n  ],\n  stencils: [\n    {\n      id: TAB_DATA.composition.id,\n      name: TAB_DATA.composition.caption\n    },\n    {\n      id: TAB_DATA.layout.id,\n      name: TAB_DATA.layout.caption\n    },\n    {\n      id: TAB_DATA.code.id,\n      name: TAB_DATA.code.caption\n    }\n  ],\n  images: [\n    {\n      id: TAB_DATA.composition.id,\n      name: TAB_DATA.composition.caption\n    }\n  ],\n  fonts: [\n    {\n      id: TAB_DATA.composition.id,\n      name: TAB_DATA.composition.caption\n    }\n  ],\n  designSystem: [\n    {\n      id: TAB_DATA.tokens.id,\n      name: TAB_DATA.tokens.caption\n    },\n    {\n      id: TAB_DATA.styles.id,\n      name: TAB_DATA.styles.caption\n    }\n  ]\n};\n\nexport type TabDataModel = {\n  panels: TabModel;\n  stencils: TabModel;\n  images: TabModel;\n  fonts: TabModel;\n  designSystem: TabModel;\n};\n\ntype TabData = {\n  id: TAB_SELECTOR;\n  caption: string;\n  slot: TAB_SELECTOR;\n};\n\nexport type TAB_SELECTOR =\n  | \"layout\"\n  | \"code\"\n  | \"tokens\"\n  | \"styles\"\n  | \"composition\";\n\nexport const DESIGN_TYPE_TO_TAB_MODEL_MAP = new Map<DesignType, TabModel>([\n  [\"panels\", TAB_MODEL.panels],\n  [\"stencils\", TAB_MODEL.stencils],\n  [\"images\", TAB_MODEL.images],\n  [\"design_system\", TAB_MODEL.designSystem],\n  [\"fonts\", TAB_MODEL.fonts]\n]);\n","@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../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-4cbc8a8b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mapObjectTypeToComboBoxItemModel","objectTypeModel","map","objectType","value","id","caption","name","mapCategoryToComboBoxItemModel","categoryModel","category","label","objectSelectorCss","CSS_BUNDLES","FILTER_ICON","getIconPath","colorType","USER_ICON","MODIFIED_ACCORDION_MODEL","expanded","TODAY","GxIdeObjectSelector","_GxIdeObjectSelector_componentLocale","set","this","_GxIdeObjectSelector_shortcutsSrc","getAssetPath","_GxIdeObjectSelector_afterModel","_GxIdeObjectSelector_patternInput","_GxIdeObjectSelector_typeComboBox","_GxIdeObjectSelector_categoryComboBox","_GxIdeObjectSelector_moduleEntitySelector","_GxIdeObjectSelector_afterTypeComboBox","_GxIdeObjectSelector_userInput","_GxIdeObjectSelector_modifiedDateInput","_GxIdeObjectSelector_objectsGrid","_GxIdeObjectSelector_shortcutsEl","_GxIdeObjectSelector_cancelCallbackHandler","cancelCallback","_GxIdeObjectSelector_chGridKeyDownHandler","e","key","__classPrivateFieldGet","_GxIdeObjectSelector_openSelectionCallbackHandler","call","_GxIdeObjectSelector_deselectAll","selectAllRows","_GxIdeObjectSelector_evaluateObjectsCount","type","locale","selectedObjectsIdsArray","length","objCount","selected","none","one","many","objects","matching","_GxIdeObjectSelector_getToday","now","Date","date","toISOString","split","time","slice","_GxIdeObjectSelector_handleAfterValueChange","event","modifiedAfterValue","detail","FILTER_AFTER","DATE_TIME","_GxIdeObjectSelector_refreshUIWithNewConfiguration","_GxIdeObjectSelector_handleObjectsSelectionChange","rowsId","_GxIdeObjectSelector_hostKeyPressHandler","stopPropagation","_GxIdeObjectSelector_newObjectCallbackHandler","newObjectCallback","openSelectionCallback","modifiedAfter","user","_b","_a","trim","filters","pattern","_c","module","_e","_d","modifiedBy","modifiedDate","_f","loading","loadCallback","then","_GxIdeObjectSelector_sortObjectsByName","_GxIdeObjectSelector_renderFilter","h","class","htmlFor","filter","accessibleName","debounce","config","inputDebounce","part","patternValue","mode","ref","el","__classPrivateFieldSet","onInput","disabled","types","defaultType","model","categories","defaultCategory","defaultModule","labelCaption","labelPosition","onValueChanged","defaultValue","selectEntityCallback","selectModuleCallback","slot","after","startImgSrc","dateTime","max","_GxIdeObjectSelector_renderFooter","onClick","undefined","footer","btnNew","btnCancel","btnConfirm","multiSelection","_GxIdeObjectSelector_selectAll","btnSelectAll","_GxIdeObjectSelector_renderObjects","rowSelectionMode","onKeyDown","onSelectionChanged","onDblClick","settingable","size","tabularGrid","colSize","maxContent","tableHead","description","commonDouble","importDate","obj","rowid","src","icon","formatDate","loader","loaderTitle","title","show","stateIconSrc","stateTitle","emptyState","_GxIdeObjectSelector_setAfterDefaultValue","NONE","_GxIdeObjectSelector_setAfterOptions","afterNone","IMPORT","LAST_BUILD","sort","a","b","nameA","toLowerCase","nameB","connectedCallback","componentWillLoad","Locale","getComponentStrings","componentDidLoad","focus","componentDidRender","suspendShortcuts","suspend","validate","isValid","render","Host","onKeyPress"],"sources":["src/components/object-selector/helpers.ts","src/components/object-selector/object-selector.scss?tag=gx-ide-object-selector&encapsulation=shadow","src/components/object-selector/object-selector.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { ObjectType, GxOption } from \"../../common/types\";\n// - - - - - - - - - - - -\n// Data Mappings\n// - - - - - - - - - - - -\n\n// ch-combo-box-render\n\nexport const mapObjectTypeToComboBoxItemModel = (\n  objectTypeModel: ObjectType[]\n): ComboBoxModel =>\n  objectTypeModel.map(objectType => ({\n    value: objectType.id,\n    caption: objectType.name\n  }));\nexport const mapCategoryToComboBoxItemModel = (\n  categoryModel: GxOption[]\n): ComboBoxModel =>\n  categoryModel.map(category => ({\n    value: category.id,\n    caption: category.label\n  }));\n","@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\"; // for the tabular-grid-cell-layout mixin\n\n:host {\n  block-size: 100%;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n/* Filters */\n.filter-layout {\n  grid-template:\n    \"pattern type\"\n    \"category module\"\n    \"modified modified\";\n  grid-template-columns: 1fr 1fr;\n}\n.pattern {\n  grid-area: pattern;\n}\n.type {\n  grid-area: type;\n}\n.category {\n  grid-area: category;\n}\n.module {\n  grid-area: module;\n}\n.modified-accordion {\n  grid-area: modified;\n  display: flex;\n  flex-direction: column;\n}\n.field-group-modified {\n  grid-template-columns: 1fr 1fr 1fr;\n}\n.input-date-time {\n  // TODO: Mercury controls block-size should be defined by a variable,\n  // instead of the sum of the font-size + line-height + padding-block.\n  // once this is updated, the block-size defined bellow should not be\n  // required anymore.\n\n  block-size: calc(\n    var(--control__font-size--regular) * var(--control__line-height) +\n      var(--control__padding-block) * 2 + var(--control__border-width) * 2\n  );\n}\n\ngx-ide-container::part(content) {\n  // only apply display grid when the loader is being displayed, to stretch the container.\n  display: grid;\n}\n\n/*tabular grid*/\nch-tabular-grid {\n  overflow: auto;\n}\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-object-selector\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\n);\n\n// Objects Table\n.objects-count {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  border-block-start: var(--mer-border__width--sm) solid\n    var(--mer-color__elevation--04);\n}\n.objects-selected,\n.objects-matching {\n  padding-block-end: var(--mer-spacing--xs);\n}\n\nch-tabular-grid-rowset-empty {\n  position: relative; // makes this the bounder element for the loader\n}\n\nch-tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\ninput::-webkit-datetime-edit-fields-wrapper {\n  // WA remove padding to force this input block-size to be the same as other\n  // mercury controls block size.\n  padding: none;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  AccordionModel,\n  ComboBoxModel,\n  TabularGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { EntityData, GxOption, ObjectType } from \"../../common/types\";\nimport { formatDate } from \"../../common/helpers\";\nimport {\n  mapObjectTypeToComboBoxItemModel,\n  mapCategoryToComboBoxItemModel\n} from \"./helpers\";\nimport { FILTER_AFTER, FilterAfterValue } from \"../../common/constants\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"components/accordion\",\n  \"components/tabular-grid\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"utils/spacing\"\n];\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\nconst USER_ICON = getIconPath({\n  category: \"system\",\n  name: \"user\",\n  colorType: \"on-elevation\"\n});\n\nconst MODIFIED_ACCORDION_MODEL: AccordionModel = [\n  {\n    id: \"modified\",\n    caption: \"Modified\",\n    expanded: false\n  }\n];\n\nlet TODAY: string = null;\n\n@Component({\n  tag: \"gx-ide-object-selector\",\n  styleUrl: \"object-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/object-selector\"]\n})\nexport class GxIdeObjectSelector {\n  #componentLocale: any;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/object-selector/shortcuts.json`\n  );\n\n  #afterModel: ComboBoxModel = null;\n\n  @Element() el: HTMLGxIdeObjectSelectorElement;\n\n  /* References needed to collect data */\n  #patternInput!: HTMLChEditElement;\n  #typeComboBox!: HTMLChComboBoxRenderElement;\n  #categoryComboBox!: HTMLChComboBoxRenderElement;\n  #moduleEntitySelector!: HTMLGxIdeEntitySelectorElement;\n  #afterTypeComboBox!: HTMLChComboBoxRenderElement;\n  #userInput!: HTMLChEditElement;\n  #modifiedDateInput!: HTMLInputElement;\n  #objectsGrid!: HTMLChTabularGridElement;\n  #shortcutsEl: HTMLChShortcutsElement;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() filterModified = false;\n\n  /**\n   * True if loadCallback has been called and has not been resolved yet.\n   */\n  @State() loading: boolean = false;\n\n  /**\n   * The \"modified after\" value\n   */\n  @State() modifiedAfterValue: FilterAfterValue;\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIdsArray: string[] = [];\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n\n  /**\n   * The default id value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * The default value for the type filter\n   */\n  @Prop() readonly defaultType: string;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Callback invoked when the component needs to reload the list of attributes.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * True if multiple object selection is allowed. Default is 'True'\n   */\n  @Prop() readonly multiSelection: boolean = false;\n\n  /**\n   * Callback invoked when the user presses the 'New' button.\n   */\n  @Prop() readonly newObjectCallback!: NewObjectCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of object that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Current value of the input pattern. It is also used to set the default value when initializing the component\n   */\n  @Prop() readonly patternValue: string;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * The types render in the filter type selector\n   */\n  @Prop() readonly types!: ObjectType[];\n\n  async connectedCallback() {\n    TODAY = this.#getToday();\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#setAfterOptions();\n    this.#setAfterDefaultValue();\n  }\n\n  componentDidLoad() {\n    this.#refreshUIWithNewConfiguration();\n    this.#patternInput.focus();\n  }\n\n  componentDidRender() {}\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#shortcutsEl.suspend = true;\n    } else {\n      this.#shortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  #cancelCallbackHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.#openSelectionCallbackHandler(e);\n    }\n  };\n\n  #deselectAll = (): void => {\n    (this.#objectsGrid as any).selectAllRows(false);\n  };\n\n  #evaluateObjectsCount = (type: \"selected\" | \"matching\"): string => {\n    const locale = this.#componentLocale;\n\n    if (type === \"selected\") {\n      if (this.selectedObjectsIdsArray.length === 0) {\n        return locale.objCount.selected.none;\n      }\n      if (this.selectedObjectsIdsArray.length === 1) {\n        return `1 ${locale.objCount.selected.one}`;\n      }\n      return `${this.selectedObjectsIdsArray.length} ${locale.objCount.selected.many}`;\n    }\n\n    // type === \"matching\"\n    if (this.objects.length === 0) {\n      return locale.objCount.matching.none;\n    }\n    if (this.objects.length === 1) {\n      return `1 ${locale.objCount.matching.one}`;\n    }\n    return `${this.objects.length} ${locale.objCount.matching.many}`;\n  };\n\n  #getToday = (): string => {\n    const now = new Date();\n    const date = now.toISOString().split(\"T\")[0];\n    const time = now.toISOString().split(\"T\")[1].slice(0, 5); // Only take 'HH:MM' part\n    return `${date}T${time}`;\n  };\n\n  #handleAfterValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.modifiedAfterValue = event.detail as FilterAfterValue;\n    if (\n      this.modifiedAfterValue !== FILTER_AFTER.DATE_TIME ||\n      (this.modifiedAfterValue === FILTER_AFTER.DATE_TIME &&\n        this.#modifiedDateInput.value)\n    ) {\n      // if \"modified\" is \"after date/time\" only refresh ui if date/time is valid.\n      this.#refreshUIWithNewConfiguration();\n    }\n  };\n\n  #handleObjectsSelectionChange = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    this.selectedObjectsIdsArray = event.detail.rowsId;\n  };\n\n  #hostKeyPressHandler = (e: KeyboardEvent) => {\n    // just prevent keypress propagation\n    if (e.key === \"Enter\") {\n      e.stopPropagation();\n    }\n  };\n\n  #newObjectCallbackHandler = (): void => {\n    this.newObjectCallback();\n  };\n\n  #openSelectionCallbackHandler = (e: MouseEvent | KeyboardEvent): void => {\n    e.stopPropagation();\n    this.openSelectionCallback(this.selectedObjectsIdsArray);\n  };\n\n  #refreshUIWithNewConfiguration = (): void => {\n    /* 'modified' checkbox, should only be considered if 'date' || 'user' */\n    const modifiedAfter = this.#afterTypeComboBox.value;\n    const user = this.#userInput?.value?.trim();\n    const filters: ObjectFiltersData = {\n      pattern: this.#patternInput?.value,\n      type: this.#typeComboBox.value,\n      category: this.#categoryComboBox.value,\n      module: this.#moduleEntitySelector?.value?.id,\n      modifiedAfter: modifiedAfter ? modifiedAfter : null,\n      modifiedBy: user ? user : null,\n      modifiedDate:\n        modifiedAfter === FILTER_AFTER.DATE_TIME\n          ? new Date(this.#modifiedDateInput?.value)\n          : null\n    };\n    this.loading = true;\n    this.objects = [];\n    this.loadCallback(filters).then((objects: ObjectData[]) => {\n      if (objects) {\n        this.objects = this.#sortObjectsByName(objects);\n      }\n      this.selectedObjectsIdsArray = [];\n      this.#deselectAll();\n      this.loading = false;\n    });\n  };\n\n  #renderFilter = (): Element => {\n    return (\n      <header class=\"control-header spacing-body-inline spacing-body-block-start\">\n        <form class=\"field-group filter-layout\">\n          <div class=\"field field-block pattern\">\n            <label\n              // pattern\n              class=\"label\"\n              htmlFor=\"pattern\"\n            >\n              {this.#componentLocale.filter.pattern}\n            </label>\n\n            <ch-edit\n              accessibleName={this.#componentLocale.filter.pattern}\n              debounce={config.inputDebounce}\n              class=\"input\"\n              part=\"filter-pattern\"\n              id=\"pattern\"\n              name=\"pattern\"\n              value={this.patternValue}\n              mode=\"text\"\n              ref={(el: HTMLChEditElement) =>\n                (this.#patternInput = el as HTMLChEditElement)\n              }\n              onInput={this.#refreshUIWithNewConfiguration}\n            ></ch-edit>\n          </div>\n\n          <div class=\"field field-block type\">\n            <label\n              // type\n              class=\"label\"\n              htmlFor=\"type\"\n            >\n              {this.#componentLocale.filter.type}\n            </label>\n            <ch-combo-box-render\n              accessibleName={this.#componentLocale.filter.type}\n              class=\"combo-box\"\n              disabled={!this.types}\n              value={this.defaultType}\n              part=\"filter-type\"\n              id=\"type\"\n              model={mapObjectTypeToComboBoxItemModel(this.types)}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#typeComboBox = el as HTMLChComboBoxRenderElement)\n              }\n              onInput={this.#refreshUIWithNewConfiguration}\n            ></ch-combo-box-render>\n          </div>\n\n          <div class=\"field field-block category\">\n            <label\n              // category\n              class=\"label\"\n              htmlFor=\"category\"\n            >\n              {this.#componentLocale.filter.category}\n            </label>\n            <ch-combo-box-render\n              id=\"category\"\n              class=\"combo-box\"\n              accessibleName={this.#componentLocale.filter.category}\n              disabled={!this.categories}\n              model={mapCategoryToComboBoxItemModel(this.categories)}\n              value={this.defaultCategory}\n              part=\"filter-category\"\n              onInput={this.categories && this.#refreshUIWithNewConfiguration}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#categoryComboBox = el as HTMLChComboBoxRenderElement)\n              }\n            ></ch-combo-box-render>\n          </div>\n\n          <gx-ide-entity-selector\n            // module\n            class=\"module\"\n            id=\"module\"\n            value={this.defaultModule}\n            ref={(el: HTMLGxIdeEntitySelectorElement) =>\n              (this.#moduleEntitySelector =\n                el as HTMLGxIdeEntitySelectorElement)\n            }\n            labelCaption={this.#componentLocale.filter.module}\n            labelPosition=\"block-start\"\n            onValueChanged={this.#refreshUIWithNewConfiguration}\n            defaultValue={this.defaultModule}\n            selectEntityCallback={this.selectModuleCallback}\n          ></gx-ide-entity-selector>\n\n          <ch-accordion-render\n            // modified\n            class=\"accordion-outlined modified-accordion\"\n            model={MODIFIED_ACCORDION_MODEL}\n          >\n            <div slot=\"modified\" class=\"spacing-body\">\n              <div class=\"field-group field-group-modified\">\n                <div class=\"field field-block after\">\n                  <label\n                    // after\n                    class=\"label\"\n                    htmlFor=\"after-type\"\n                  >\n                    {this.#componentLocale.filter.after}\n                  </label>\n                  <ch-combo-box-render\n                    class=\"combo-box\"\n                    value={this.modifiedAfterValue}\n                    part=\"filter-after-type\"\n                    id=\"after-type\"\n                    model={this.#afterModel}\n                    ref={(el: HTMLChComboBoxRenderElement) =>\n                      (this.#afterTypeComboBox =\n                        el as HTMLChComboBoxRenderElement)\n                    }\n                    onInput={this.#handleAfterValueChange}\n                  ></ch-combo-box-render>\n                </div>\n\n                <div class=\"field field-block\">\n                  <label\n                    // user\n                    class=\"label\"\n                    htmlFor=\"user-name\"\n                  >\n                    {this.#componentLocale.filter.user}\n                  </label>\n                  <ch-edit\n                    class=\"input\"\n                    part=\"filter-user\"\n                    value={this.patternValue}\n                    ref={(el: HTMLChEditElement) =>\n                      (this.#userInput = el as HTMLChEditElement)\n                    }\n                    id=\"user-name\"\n                    name=\"userName\"\n                    startImgSrc={USER_ICON}\n                    onInput={this.#refreshUIWithNewConfiguration}\n                  ></ch-edit>\n                </div>\n\n                <div class=\"field field-block\">\n                  <label\n                    // date\n                    class={{\n                      \"label\": true,\n                      \"label--disabled\":\n                        this.modifiedAfterValue !== \"afterDateTime\"\n                    }}\n                    htmlFor=\"modified-date\"\n                  >\n                    {this.#componentLocale.filter.dateTime}\n                  </label>\n\n                  <input\n                    type=\"datetime-local\"\n                    class=\"input input-date-time\"\n                    id=\"modified-date\"\n                    name=\"modifiedDate\"\n                    part=\"filter-pattern\"\n                    value={this.patternValue}\n                    max={TODAY}\n                    ref={(el: HTMLInputElement) =>\n                      (this.#modifiedDateInput = el as HTMLInputElement)\n                    }\n                    disabled={this.modifiedAfterValue !== \"afterDateTime\"}\n                    onInput={this.#refreshUIWithNewConfiguration}\n                  ></input>\n                </div>\n              </div>\n            </div>\n          </ch-accordion-render>\n        </form>\n      </header>\n    );\n  };\n\n  #renderFooter = (): Element => {\n    return (\n      <footer class=\"footer control-footer-space-between\">\n        <div\n          class=\"control-footer control-footer-space-between objects-count spacing-body-inline\"\n          slot=\"footer-above\"\n        >\n          <p class=\"body-regular-s objects-selected\" part=\"objects-selected\">\n            {this.#evaluateObjectsCount(\"selected\")}\n          </p>\n          <p class=\"body-regular-s objects-matching\" part=\"objects-matching\">\n            {this.#evaluateObjectsCount(\"matching\")}\n          </p>\n        </div>\n\n        <div class=\"control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end\">\n          <button\n            // button new object\n            class=\"button-secondary\"\n            part=\"button button-new\"\n            onClick={!this.loading ? this.#newObjectCallbackHandler : undefined}\n            disabled={this.loading}\n          >\n            {this.#componentLocale.footer.btnNew}\n          </button>\n          <div class=\"end buttons-spacer\">\n            <button\n              // button cancel\n              class=\"button-secondary\"\n              part=\"button button-cancel\"\n              onClick={this.#cancelCallbackHandler}\n            >\n              {this.#componentLocale.footer.btnCancel}\n            </button>\n            <button\n              // button confirm\n              class=\"button-primary\"\n              part=\"button button-confirm\"\n              onClick={this.#openSelectionCallbackHandler}\n              disabled={this.loading}\n            >\n              {this.#componentLocale.footer.btnConfirm}\n            </button>\n            {this.multiSelection ? (\n              <button\n                class=\"button-secondary\"\n                onClick={this.#selectAll}\n                part=\"button button-select-all\"\n              >\n                {this.#componentLocale.footer.btnSelectAll}\n              </button>\n            ) : null}\n          </div>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderObjects = (): Element => {\n    return (\n      <ch-tabular-grid\n        class={{\n          \"tabular-grid\": true,\n          \"tabular-grid-object-selector\": true,\n          \"empty-result\": this.objects.length === 0\n        }}\n        rowSelectionMode={this.multiSelection ? \"multiple\" : \"single\"}\n        ref={(el: HTMLChTabularGridElement) => (this.#objectsGrid = el)}\n        part=\"ch-grid-objects\"\n        onKeyDown={this.#chGridKeyDownHandler}\n        onSelectionChanged={this.#handleObjectsSelectionChange}\n        onDblClick={this.#openSelectionCallbackHandler}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.name}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.type}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.module}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.description}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.commonDouble}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.modifiedDate}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.importDate}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.objects.length ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects.map((obj: ObjectData) => (\n              <ch-tabular-grid-row\n                rowid={obj.id}\n                key={obj.id}\n                class=\"tabular-grid-row\"\n              >\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image src={obj.icon} class=\"icon-md\"></ch-image>\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.name}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.type}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.module}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.description}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.modifiedDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.importDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              {this.loader && this.loading ? (\n                <gx-ide-loader\n                  loaderTitle={this.#componentLocale.loader.title}\n                  show\n                ></gx-ide-loader>\n              ) : (\n                <gx-ide-empty-state\n                  stateIconSrc={FILTER_ICON}\n                  stateTitle={this.#componentLocale.emptyState.title}\n                ></gx-ide-empty-state>\n              )}\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #selectAll = (): void => {\n    (this.#objectsGrid as any).selectAllRows();\n  };\n\n  #setAfterDefaultValue = (): void => {\n    this.modifiedAfterValue = FILTER_AFTER.NONE;\n  };\n\n  #setAfterOptions = (): void => {\n    this.#afterModel = [\n      {\n        caption: this.#componentLocale.filter.afterNone,\n        value: FILTER_AFTER.NONE\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER.DATE_TIME],\n        value: FILTER_AFTER.DATE_TIME\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER.IMPORT],\n        value: FILTER_AFTER.IMPORT\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER.LAST_BUILD],\n        value: FILTER_AFTER.LAST_BUILD\n      }\n    ];\n  };\n\n  #sortObjectsByName = (objects: ObjectData[]): ObjectData[] => {\n    return objects.sort((a, b) => {\n      const nameA = a.name.toLowerCase(),\n        nameB = b.name.toLowerCase();\n      if (nameA < nameB) {\n        return -1;\n      }\n      if (nameA > nameB) {\n        return 1;\n      }\n      return 0;\n    });\n  };\n\n  render(): void {\n    return (\n      <Host onKeyPress={this.#hostKeyPressHandler} class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#shortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          {this.#renderFilter()}\n          {this.#renderObjects()}\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NewObjectCallback = () => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport type ObjectFiltersData = {\n  pattern?: string;\n  type: string;\n  category?: string;\n  module?: string;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n};\n\nexport type ObjectData = {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n  module: string;\n  modifiedDate?: Date;\n  importDate?: Date;\n};\n"],"mappings":"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"}