@genexus/genexus-ide-ui 1.0.1 → 1.0.2

package/dist/components/gx-ide-empty-state2.js.map

@@ -1 +1 @@
-{"file":"gx-ide-empty-state2.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,moBAAmoB;;MCOjpB,eAAe;;;;;;;;;;;;;;;;;;;QAiBlB,oBAAe,GAAW,GAAG,CAAC;;;;;;uBAwCM,KAAK;;IAEjD,mBAAmB,CAAC,OAAgB;QAClC,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,kBAAkB,KAAK,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC;YACnE,IAAI,CAAC,oBAAoB,KAAK,IAAI,CAAC,iBAAiB,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC;SACxE;aAAM;YACL,UAAU,CAAC;gBACT,IAAI,CAAC,kBAAkB,KAAK,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;gBAClE,IAAI,CAAC,oBAAoB,KAAK,IAAI,CAAC,iBAAiB,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;aACvE,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;SAC1B;KACF;;;IAMD,iBAAiB;QACf,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CACvB,0BAA0B,EAC1B,GAAG,IAAI,CAAC,eAAe,IAAI,CAC5B,CAAC;KACH;IAED,gBAAgB;QACd,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;KACrB;;;;;IAUD,MAAM;QACJ,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,CAAC,OAAO,EAAE,IAClE,IAAI,CAAC,SAAS,IACb,YAAM,KAAK,EAAC,cAAc,IACxB,gBACE,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,KAAK,EAAC,iBAAiB,IAEtB,IAAI,CAAC,UAAU,CACP,CACN,IACL,IAAI,EACR,YAAM,KAAK,EAAC,iBAAiB,IAC1B,IAAI,CAAC,UAAU,IACd,oBAAc,SAAS,EAAC,QAAQ,IAAE,IAAI,CAAC,UAAU,CAAgB,IAC/D,IAAI,EACP,IAAI,CAAC,gBAAgB,IACpB,gBAAU,SAAS,EAAC,QAAQ,IAAE,IAAI,CAAC,gBAAgB,CAAY,IAC7D,IAAI,CACH,EACP,WAAK,KAAK,EAAC,oBAAoB,IAC5B,IAAI,CAAC,kBAAkB,IACtB,kBACE,IAAI,EAAC,mBAAmB,EACxB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,eAAe,GAAG,EAA0B,CAAC,IAE7D,IAAI,CAAC,kBAAkB,CACb,IACX,IAAI,EACP,IAAI,CAAC,oBAAoB,IACxB,kBACE,IAAI,EAAC,qBAAqB,EAC1B,GAAG,EAAE,EAAE,KACJ,IAAI,CAAC,iBAAiB,GAAG,EAA0B,CAAC,IAGtD,IAAI,CAAC,oBAAoB,CACf,IACX,IAAI,CACJ,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/_helpers/empty-state/gx-ide-empty-state.scss?tag=gx-ide-empty-state&encapsulation=shadow","src/components/_helpers/empty-state/gx-ide-empty-state.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.container {\n  max-width: 520px;\n  margin: 0 auto;\n  gap: var(--mer-spacing--xl);\n  opacity: 0;\n  transition: opacity var(--state-transition-speed);\n  padding: var(--mer-spacing--md);\n\n  .icon-wrapper {\n    border: var(--mer-border__width--sm) dashed var(--mer-accent__primary);\n    border-radius: 50%;\n    min-width: 40px;\n    min-height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__main {\n    gap: var(--mer-spacing--sm);\n  }\n  &__buttons {\n    gap: var(--mer-spacing--xs);\n  }\n  &--visible {\n    opacity: 1;\n  }\n}\n.container,\n.container__main,\n.container__buttons {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n","import { Component, Host, h, Prop, Watch, Element } from \"@stencil/core\";\n\n@Component({\n  tag: \"gx-ide-empty-state\",\n  styleUrl: \"gx-ide-empty-state.scss\",\n  shadow: true\n})\nexport class GxIdeEmptyState {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  private transitionSpeed: number = 200;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeEmptyStateElement;\n  private primaryButtonEl!: HTMLGxgButtonElement;\n  private secondaryButtonEl!: HTMLGxgButtonElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * The state icon\n   */\n  @Prop() readonly stateIcon?: string;\n\n  /**\n   * The state title\n   */\n  @Prop() readonly stateTitle!: string;\n\n  /**\n   * The state description\n   */\n  @Prop() readonly stateDescription?: string;\n\n  /**\n   * The button primary label\n   */\n  @Prop() readonly primaryButtonLabel?: string;\n\n  /**\n   * The button secondary label\n   */\n  @Prop() readonly secondaryButtonLabel?: string;\n\n  /**\n   * If true, it will display the content\n   */\n  @Prop({ mutable: true }) display: boolean = false;\n  @Watch(\"display\")\n  watchDisplayHandler(display: boolean) {\n    if (display) {\n      this.primaryButtonLabel && (this.primaryButtonEl.disabled = false);\n      this.secondaryButtonLabel && (this.secondaryButtonEl.disabled = false);\n    } else {\n      setTimeout(() => {\n        this.primaryButtonLabel && (this.primaryButtonEl.disabled = true);\n        this.secondaryButtonLabel && (this.secondaryButtonEl.disabled = true);\n      }, this.transitionSpeed);\n    }\n  }\n\n  // 5.EVENTS (EMIT) //\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  componentWillLoad() {\n    this.el.style.setProperty(\n      \"--state-transition-speed\",\n      `${this.transitionSpeed}ms`\n    );\n  }\n\n  componentDidLoad() {\n    this.display = true;\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <div class={{ \"container\": true, \"container--visible\": this.display }}>\n          {this.stateIcon ? (\n            <span class=\"icon-wrapper\">\n              <gxg-icon\n                class=\"icon\"\n                type={this.stateIcon}\n                color=\"mercury-primary\"\n              >\n                {this.stateTitle}\n              </gxg-icon>\n            </span>\n          ) : null}\n          <main class=\"container__main\">\n            {this.stateTitle ? (\n              <gx-ide-title alignment=\"center\">{this.stateTitle}</gx-ide-title>\n            ) : null}\n            {this.stateDescription ? (\n              <gxg-text textAlign=\"center\">{this.stateDescription}</gxg-text>\n            ) : null}\n          </main>\n          <div class=\"container__buttons\">\n            {this.primaryButtonLabel ? (\n              <gxg-button\n                type=\"primary-text-only\"\n                ref={el => (this.primaryButtonEl = el as HTMLGxgButtonElement)}\n              >\n                {this.primaryButtonLabel}\n              </gxg-button>\n            ) : null}\n            {this.secondaryButtonLabel ? (\n              <gxg-button\n                type=\"secondary-text-only\"\n                ref={el =>\n                  (this.secondaryButtonEl = el as HTMLGxgButtonElement)\n                }\n              >\n                {this.secondaryButtonLabel}\n              </gxg-button>\n            ) : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"gx-ide-empty-state2.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,micAAmic;;ACG9jc,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,mBAAmB;IACnB,iBAAiB;IACjB,kBAAkB;CACnB,CAAC;MAOW,eAAe;;;;;;;;;IAkB1B,MAAM;QACJ,QACE,EAAC,IAAI,QACH,gBAAU,KAAK,EAAE,WAAW,GAAa,EACzC,eAAS,KAAK,EAAC,gBAAgB,IAC5B,IAAI,CAAC,YAAY,KAChB,YAAM,KAAK,EAAC,8BAA8B,IACxC,gBAAU,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAC,SAAS,GAAY,CACxD,CACR,EACD,WAAK,KAAK,EAAC,yBAAyB,IACjC,IAAI,CAAC,UAAU,KACd,UAAI,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,UAAU,CAAM,CACvD,EACA,IAAI,CAAC,gBAAgB,KACpB,SAAG,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,gBAAgB,CAAK,CAC3D,CACG,EACN,eAAa,CACL,CACL,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/_helpers/empty-state/gx-ide-empty-state.scss?tag=gx-ide-empty-state&encapsulation=shadow","src/components/_helpers/empty-state/gx-ide-empty-state.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n\n:host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  animation: fadeIn var(--mer-timing--fast) forwards;\n  inline-size: 100%;\n  position: relative;\n  inset-block-start: 0;\n}\n.main-container {\n  max-width: 320px;\n  margin: 0 auto;\n  gap: var(--mer-spacing--md);\n  padding: var(--mer-spacing--md);\n\n  &__icon-wrapper {\n    border: var(--mer-border__width--sm) dashed var(--mer-accent__primary);\n    border-radius: 50%;\n    min-width: 40px;\n    min-height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__content {\n    gap: var(--mer-spacing--sm);\n  }\n}\n.main-container,\n.main-container__content {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    inset-block-start: 5px;\n  }\n}\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-empty-state\",\n  styleUrl: \"gx-ide-empty-state.scss\",\n  shadow: true\n})\nexport class GxIdeEmptyState {\n  @Element() el: HTMLGxIdeEmptyStateElement;\n\n  /**\n   * The state description\n   */\n  @Prop() readonly stateDescription?: string;\n\n  /**\n   * The state icon\n   */\n  @Prop() readonly stateIconSrc?: string;\n\n  /**\n   * The state title\n   */\n  @Prop() readonly stateTitle!: string;\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <article class=\"main-container\">\n          {this.stateIconSrc && (\n            <span class=\"main-container__icon-wrapper\">\n              <ch-image src={this.stateIconSrc} class=\"icon-md\"></ch-image>\n            </span>\n          )}\n          <div class=\"main-container__content\">\n            {this.stateTitle && (\n              <h2 class=\"text-body-regular-m\">{this.stateTitle}</h2>\n            )}\n            {this.stateDescription && (\n              <p class=\"text-body-regular-s\">{this.stateDescription}</p>\n            )}\n          </div>\n          <slot></slot>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/gx-ide-gam-installation-settings.js

@@ -4,7 +4,7 @@ import { L as Locale } from './locale.js';
 import { d as defineCustomElement$3 } from './container.js';
 import { d as defineCustomElement$2 } from './title.js';
 
-const gamInstallationSettingsCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}:host{display:block}.header{border-top:1px solid var(--gx-ide-container-border-color);padding:var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.message-checkbox-container{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.filters{display:grid;gap:var(--gx-ide-grid-column-gap);padding:var(--gx-ide-container__padding)}.filters__wrapper{display:flex;gap:var(--gx-ide-container__padding)}.filters__wrapper>*{flex:1}.filters__front-end-objects{display:flex;gap:var(--gx-ide-grid-column-gap)}.footer-above{display:flex;gap:var(--gx-ide-container__padding)}.footer-above>*{flex:1;font-size:var(--mer-font__size--2xs);padding:var(--mer-spacing--xs);display:flex;align-items:center;justify-content:center;line-height:1.5em}.footer-above>*:first-child{border-inline-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.footer-above__right{display:flex;flex-direction:column}";
+const gamInstallationSettingsCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.button-primary-destructive{--control__border-color:var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color:var(\n    --button-primary__bg-color--destructive-hover\n  );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color:var(\n    --button-primary__bg-color--destructive-active\n  );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.button-secondary-destructive{--control__border-color:var(--button-secondary__border-color--destructive);background-color:var(--button-secondary__bg-color--destructive);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:hover{--control__border-color:var(\n    --button-secondary__bg-color--destructive-hover\n  );background-color:var(--button-secondary__bg-color--destructive-hover);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:active{--control__border-color:var(\n    --button-secondary__bg-color--destructive-active\n  );background-color:var(--button-secondary__bg-color--destructive-active);color:var(--button-secondary__color--destructive)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block}.header{border-top:1px solid var(--gx-ide-container-border-color);padding:var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.message-checkbox-container{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.filters{display:grid;gap:var(--gx-ide-grid-column-gap);padding:var(--gx-ide-container__padding)}.filters__wrapper{display:flex;gap:var(--gx-ide-container__padding)}.filters__wrapper>*{flex:1}.filters__front-end-objects{display:flex;gap:var(--gx-ide-grid-column-gap)}.footer-above{display:flex;gap:var(--gx-ide-container__padding)}.footer-above>*{flex:1;font-size:var(--mer-font__size--2xs);padding:var(--mer-spacing--xs);display:flex;align-items:center;justify-content:center;line-height:1.5em}.footer-above>*:first-child{border-inline-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.footer-above__right{display:flex;flex-direction:column}";
 
 const GxIdeGamInstallationSettings$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeGamInstallationSettings extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-gam-installation-settings.js.map

@@ -1 +1 @@
-{"file":"gx-ide-gam-installation-settings.js","mappings":"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","names":["GxIdeGamInstallationSettings"],"sources":["src/components/gam-installation-settings/gam-installation-settings.scss?tag=gx-ide-gam-installation-settings&encapsulation=shadow","src/components/gam-installation-settings/gam-installation-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n/*Header*/\n.header {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  padding: var(--gx-ide-container__padding) var(--gx-ide-container__padding);\n}\n/*Main*/\n.message-checkbox-container {\n  padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n    var(--gx-ide-container__padding);\n}\n/*Filters*/\n.filters {\n  display: grid;\n  gap: var(--gx-ide-grid-column-gap);\n  padding: var(--gx-ide-container__padding);\n\n  &__wrapper {\n    display: flex;\n    gap: var(--gx-ide-container__padding);\n\n    > * {\n      flex: 1;\n    }\n  }\n  &__front-end-objects {\n    display: flex;\n    gap: var(--gx-ide-grid-column-gap);\n  }\n}\n.footer-above {\n  display: flex;\n  gap: var(--gx-ide-container__padding);\n  > * {\n    flex: 1;\n    font-size: var(--mer-font__size--2xs);\n    padding: var(--mer-spacing--xs);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5em;\n  }\n  > *:first-child {\n    border-inline-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n  &__right {\n    display: flex;\n    flex-direction: column;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\n\n@Component({\n  tag: \"gx-ide-gam-installation-settings\",\n  styleUrl: \"gam-installation-settings.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeGamInstallationSettingsElement;\n\n  private webPanelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private panelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private futureUpgradesComboEl!: HTMLGxgComboBoxElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Specifies the configuration type to be used\n   */\n  @Prop() readonly configurationType: \"installation\" | \"update\" =\n    \"installation\";\n\n  /**\n   * Callback invoked when the user press repair button\n   */\n  @Prop() readonly repairCallback: RepairCallback;\n\n  /**\n   * Callback invoked when the user wants to start the exportation process\n   */\n  @Prop() readonly saveCallback: SaveCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the exportation process\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Defines the default configuration property. Necessary for initializing the dialogue\n   * using stored 'game config data' from the server. If undefined, default values are\n   * applied.\n   */\n  @Prop() readonly defaultConfiguration: GamConfigData | undefined = {\n    importWebPanels: true,\n    importPanels: false,\n    futureUpgrades: \"prompt\"\n  };\n\n  /**\n   * Property determining 'Panels' checkbox activation. Enabled only if an SD generator is\n   * present in the KB. If not, checkbox is disabled\n   */\n  @Prop() readonly canSelectPanels: boolean = false;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private repairCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: this.webPanelsCheckboxEl.checked,\n        importPanels: this.panelsCheckboxEl.checked,\n        futureUpgrades: this.futureUpgradesComboEl.value\n          ? this.futureUpgradesComboEl.value\n          : null\n      };\n      await this.repairCallback(data);\n    }\n  };\n\n  private saveCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: this.webPanelsCheckboxEl.checked,\n        importPanels: this.panelsCheckboxEl.checked,\n        futureUpgrades: this.futureUpgradesComboEl.value\n          ? this.futureUpgradesComboEl.value\n          : null\n      };\n      await this.saveCallback(data);\n    }\n  };\n  private cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n\n  /* Renders*/\n  private renderHeader = () => {\n    return (\n      <header class=\"header\" slot=\"header\">\n        {this.configurationType === \"installation\"\n          ? [\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .firstSentence\n                }\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .secondSentence\n                }\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .thirdSentence\n                }\n              </gxg-text>\n            ]\n          : [\n              <gxg-text type=\"text-regular\">\n                {this._componentLocale.header.headerTextUpdate.firstSentence}\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {this._componentLocale.header.headerTextUpdate.secondSentence}\n              </gxg-text>\n            ]}\n        {/* header text */}\n      </header>\n    );\n  };\n\n  private renderFilters = () => {\n    return (\n      <div class=\"filters\">\n        <gxg-title type=\"title-05\">\n          {this._componentLocale.filters.filtersHeading}\n        </gxg-title>\n\n        <div class=\"filters__wrapper\">\n          <div class=\"filters__wrapper-left\">\n            <gxg-label labelPosition=\"above\" center={false}>\n              Front End Objects\n            </gxg-label>\n            <div class=\"filters__front-end-objects\">\n              <gxg-form-checkbox\n                label={this._componentLocale.filters.webPanelsCheckbox}\n                part=\"web-panels-checkbox\"\n                slot=\"footer-start\"\n                ref={(el: HTMLGxgFormCheckboxElement) =>\n                  (this.webPanelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n                }\n                checked={this.defaultConfiguration?.importWebPanels}\n              ></gxg-form-checkbox>\n              <gxg-form-checkbox\n                label={this._componentLocale.filters.panelsCheckbox}\n                part=\"panels-checkbox\"\n                slot=\"footer-start\"\n                ref={(el: HTMLGxgFormCheckboxElement) =>\n                  (this.panelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n                }\n                checked={\n                  this.defaultConfiguration.importPanels && this.canSelectPanels\n                }\n                disabled={!this.canSelectPanels}\n              ></gxg-form-checkbox>\n            </div>\n          </div>\n          <div class=\"filters__wrapper-right\">\n            <gxg-combo-box\n              label={this._componentLocale.filters.futureUpgradesComboLabel}\n              disableFilter\n              part=\"future-upgrades-combo\"\n              ref={(el: HTMLGxgComboBoxElement) =>\n                (this.futureUpgradesComboEl = el as HTMLGxgComboBoxElement)\n              }\n              value={this.defaultConfiguration.futureUpgrades}\n            >\n              <gxg-combo-box-item value=\"automatic\">\n                {\n                  this._componentLocale.manageFutureUpgrades\n                    .installAutomatically\n                }\n              </gxg-combo-box-item>\n              <gxg-combo-box-item value=\"prompt\">\n                {this._componentLocale.manageFutureUpgrades.promptMe}\n              </gxg-combo-box-item>\n              <gxg-combo-box-item value=\"never\">\n                {this._componentLocale.manageFutureUpgrades.neverUpdate}\n              </gxg-combo-box-item>\n            </gxg-combo-box>\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noHeadingPadding\n            headingPaddingTop\n            noContentPadding\n            noContentGap\n            noAboveFooterPadding\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            {this.renderHeader()}\n            {this.renderFilters()}\n            <div class=\"footer-above\" slot=\"footer-above\">\n              {this.configurationType === \"update\" ? (\n                <div class=\"footer-above__left\">\n                  <p>{this._componentLocale.footer.footerRepairText}</p>\n                </div>\n              ) : null}\n\n              <div class=\"footer-above__right\">\n                {this.configurationType === \"update\" ? (\n                  [\n                    <p>{this._componentLocale.footer.footerSaveText}</p>,\n                    <p>{this._componentLocale.footer.footerCancelText}</p>\n                  ]\n                ) : (\n                  // configurationType is \"installation\"\n                  <p>{this._componentLocale.footer.enableSecurity}</p>\n                )}\n              </div>\n            </div>\n\n            {this.configurationType === \"update\" ? (\n              <gxg-button\n                type=\"outlined\"\n                slot=\"footer-start\"\n                onClick={this.repairCallbackHandler}\n              >\n                {this._componentLocale.footer.repairButton}\n              </gxg-button>\n            ) : null}\n\n            <gxg-button\n              type=\"outlined\"\n              slot=\"footer-end\"\n              onClick={this.cancelCallbackHandler}\n            >\n              {this.configurationType === \"update\"\n                ? this._componentLocale.footer.cancelButton\n                : this._componentLocale.footer.no}\n            </gxg-button>\n            <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n              {this.configurationType === \"update\"\n                ? this._componentLocale.footer.confirmButton\n                : this._componentLocale.footer.yes}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type GamConfigData = {\n  importWebPanels: boolean;\n  importPanels: boolean;\n  futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\n"],"version":3}
+{"file":"gx-ide-gam-installation-settings.js","mappings":"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","names":["GxIdeGamInstallationSettings"],"sources":["src/components/gam-installation-settings/gam-installation-settings.scss?tag=gx-ide-gam-installation-settings&encapsulation=shadow","src/components/gam-installation-settings/gam-installation-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n/*Header*/\n.header {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  padding: var(--gx-ide-container__padding) var(--gx-ide-container__padding);\n}\n/*Main*/\n.message-checkbox-container {\n  padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n    var(--gx-ide-container__padding);\n}\n/*Filters*/\n.filters {\n  display: grid;\n  gap: var(--gx-ide-grid-column-gap);\n  padding: var(--gx-ide-container__padding);\n\n  &__wrapper {\n    display: flex;\n    gap: var(--gx-ide-container__padding);\n\n    > * {\n      flex: 1;\n    }\n  }\n  &__front-end-objects {\n    display: flex;\n    gap: var(--gx-ide-grid-column-gap);\n  }\n}\n.footer-above {\n  display: flex;\n  gap: var(--gx-ide-container__padding);\n  > * {\n    flex: 1;\n    font-size: var(--mer-font__size--2xs);\n    padding: var(--mer-spacing--xs);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5em;\n  }\n  > *:first-child {\n    border-inline-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n  &__right {\n    display: flex;\n    flex-direction: column;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\n\n@Component({\n  tag: \"gx-ide-gam-installation-settings\",\n  styleUrl: \"gam-installation-settings.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeGamInstallationSettingsElement;\n\n  private webPanelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private panelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private futureUpgradesComboEl!: HTMLGxgComboBoxElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Specifies the configuration type to be used\n   */\n  @Prop() readonly configurationType: \"installation\" | \"update\" =\n    \"installation\";\n\n  /**\n   * Callback invoked when the user press repair button\n   */\n  @Prop() readonly repairCallback: RepairCallback;\n\n  /**\n   * Callback invoked when the user wants to start the exportation process\n   */\n  @Prop() readonly saveCallback: SaveCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the exportation process\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Defines the default configuration property. Necessary for initializing the dialogue\n   * using stored 'game config data' from the server. If undefined, default values are\n   * applied.\n   */\n  @Prop() readonly defaultConfiguration: GamConfigData | undefined = {\n    importWebPanels: true,\n    importPanels: false,\n    futureUpgrades: \"prompt\"\n  };\n\n  /**\n   * Property determining 'Panels' checkbox activation. Enabled only if an SD generator is\n   * present in the KB. If not, checkbox is disabled\n   */\n  @Prop() readonly canSelectPanels: boolean = false;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private repairCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: this.webPanelsCheckboxEl.checked,\n        importPanels: this.panelsCheckboxEl.checked,\n        futureUpgrades: this.futureUpgradesComboEl.value\n          ? this.futureUpgradesComboEl.value\n          : null\n      };\n      await this.repairCallback(data);\n    }\n  };\n\n  private saveCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: this.webPanelsCheckboxEl.checked,\n        importPanels: this.panelsCheckboxEl.checked,\n        futureUpgrades: this.futureUpgradesComboEl.value\n          ? this.futureUpgradesComboEl.value\n          : null\n      };\n      await this.saveCallback(data);\n    }\n  };\n  private cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n\n  /* Renders*/\n  private renderHeader = () => {\n    return (\n      <header class=\"header\" slot=\"header\">\n        {this.configurationType === \"installation\"\n          ? [\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .firstSentence\n                }\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .secondSentence\n                }\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .thirdSentence\n                }\n              </gxg-text>\n            ]\n          : [\n              <gxg-text type=\"text-regular\">\n                {this._componentLocale.header.headerTextUpdate.firstSentence}\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {this._componentLocale.header.headerTextUpdate.secondSentence}\n              </gxg-text>\n            ]}\n        {/* header text */}\n      </header>\n    );\n  };\n\n  private renderFilters = () => {\n    return (\n      <div class=\"filters\">\n        <gxg-title type=\"title-05\">\n          {this._componentLocale.filters.filtersHeading}\n        </gxg-title>\n\n        <div class=\"filters__wrapper\">\n          <div class=\"filters__wrapper-left\">\n            <gxg-label labelPosition=\"above\" center={false}>\n              Front End Objects\n            </gxg-label>\n            <div class=\"filters__front-end-objects\">\n              <gxg-form-checkbox\n                label={this._componentLocale.filters.webPanelsCheckbox}\n                part=\"web-panels-checkbox\"\n                slot=\"footer-start\"\n                ref={(el: HTMLGxgFormCheckboxElement) =>\n                  (this.webPanelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n                }\n                checked={this.defaultConfiguration?.importWebPanels}\n              ></gxg-form-checkbox>\n              <gxg-form-checkbox\n                label={this._componentLocale.filters.panelsCheckbox}\n                part=\"panels-checkbox\"\n                slot=\"footer-start\"\n                ref={(el: HTMLGxgFormCheckboxElement) =>\n                  (this.panelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n                }\n                checked={\n                  this.defaultConfiguration.importPanels && this.canSelectPanels\n                }\n                disabled={!this.canSelectPanels}\n              ></gxg-form-checkbox>\n            </div>\n          </div>\n          <div class=\"filters__wrapper-right\">\n            <gxg-combo-box\n              label={this._componentLocale.filters.futureUpgradesComboLabel}\n              disableFilter\n              part=\"future-upgrades-combo\"\n              ref={(el: HTMLGxgComboBoxElement) =>\n                (this.futureUpgradesComboEl = el as HTMLGxgComboBoxElement)\n              }\n              value={this.defaultConfiguration.futureUpgrades}\n            >\n              <gxg-combo-box-item value=\"automatic\">\n                {\n                  this._componentLocale.manageFutureUpgrades\n                    .installAutomatically\n                }\n              </gxg-combo-box-item>\n              <gxg-combo-box-item value=\"prompt\">\n                {this._componentLocale.manageFutureUpgrades.promptMe}\n              </gxg-combo-box-item>\n              <gxg-combo-box-item value=\"never\">\n                {this._componentLocale.manageFutureUpgrades.neverUpdate}\n              </gxg-combo-box-item>\n            </gxg-combo-box>\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noHeadingPadding\n            headingPaddingTop\n            noContentPadding\n            noContentGap\n            noAboveFooterPadding\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            {this.renderHeader()}\n            {this.renderFilters()}\n            <div class=\"footer-above\" slot=\"footer-above\">\n              {this.configurationType === \"update\" ? (\n                <div class=\"footer-above__left\">\n                  <p>{this._componentLocale.footer.footerRepairText}</p>\n                </div>\n              ) : null}\n\n              <div class=\"footer-above__right\">\n                {this.configurationType === \"update\" ? (\n                  [\n                    <p>{this._componentLocale.footer.footerSaveText}</p>,\n                    <p>{this._componentLocale.footer.footerCancelText}</p>\n                  ]\n                ) : (\n                  // configurationType is \"installation\"\n                  <p>{this._componentLocale.footer.enableSecurity}</p>\n                )}\n              </div>\n            </div>\n\n            {this.configurationType === \"update\" ? (\n              <gxg-button\n                type=\"outlined\"\n                slot=\"footer-start\"\n                onClick={this.repairCallbackHandler}\n              >\n                {this._componentLocale.footer.repairButton}\n              </gxg-button>\n            ) : null}\n\n            <gxg-button\n              type=\"outlined\"\n              slot=\"footer-end\"\n              onClick={this.cancelCallbackHandler}\n            >\n              {this.configurationType === \"update\"\n                ? this._componentLocale.footer.cancelButton\n                : this._componentLocale.footer.no}\n            </gxg-button>\n            <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n              {this.configurationType === \"update\"\n                ? this._componentLocale.footer.confirmButton\n                : this._componentLocale.footer.yes}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type GamConfigData = {\n  importWebPanels: boolean;\n  importPanels: boolean;\n  futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\n"],"version":3}

package/dist/components/gx-ide-kb-manager-export.js

@@ -155,7 +155,7 @@ const clearKbPropertiesFromTree = (kBPropertiesData, actualTreeState) => {
     return treeModelWithoutKbProperties;
 };
 
-const kbManagerExportCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.tree-view-container{display:flex}.header__top{border-top:1px solid var(--gx-ide-container-border-color);display:grid;padding:var(--gx-ide-container__padding) var(--gx-ide-container__padding) 0 var(--gx-ide-container__padding);gap:var(--gx-ide-grid-column-gap);grid-template-columns:1fr auto;grid-template-areas:\"select-directory export-cancel-buttons-group options-btn\"}.header__top .select-directory{grid-area:select-directory}.header__top .export-cancel-buttons-group{grid-area:export-cancel-buttons-group}.header__top .options-btn{grid-area:options-btn}.header__bottom .checkboxes-wrapper{padding:var(--gx-ide-grid-column-gap);display:flex;flex-wrap:wrap;gap:var(--gx-ide-grid-column-gap)}.header__bottom .checkboxes-wrapper .add-checkbox{display:flex}.tree-container{block-size:100%;padding:var(--tree-container-padding)}.tree-container--empty{align-items:center;justify-content:center}.tree-container .gx-ide-message{padding:100px 0}gxg-text{block-size:100%}";
+const kbManagerExportCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.button-primary-destructive{--control__border-color:var(--button-primary__border-color--destructive);background-color:var(--button-primary__bg-color--destructive);color:var(--button-primary__color--destructive)}.button-primary-destructive:hover{--control__border-color:var(\n    --button-primary__bg-color--destructive-hover\n  );background-color:var(--button-primary__bg-color--destructive-hover);color:var(--button-primary__color--destructive)}.button-primary-destructive:active{--control__border-color:var(\n    --button-primary__bg-color--destructive-active\n  );background-color:var(--button-primary__bg-color--destructive-active);color:var(--button-primary__color--destructive)}.button-secondary-destructive{--control__border-color:var(--button-secondary__border-color--destructive);background-color:var(--button-secondary__bg-color--destructive);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:hover{--control__border-color:var(\n    --button-secondary__bg-color--destructive-hover\n  );background-color:var(--button-secondary__bg-color--destructive-hover);color:var(--button-secondary__color--destructive)}.button-secondary-destructive:active{--control__border-color:var(\n    --button-secondary__bg-color--destructive-active\n  );background-color:var(--button-secondary__bg-color--destructive-active);color:var(--button-secondary__color--destructive)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.tree-view-container{display:flex}.header__top{border-top:1px solid var(--gx-ide-container-border-color);display:grid;padding:var(--gx-ide-container__padding) var(--gx-ide-container__padding) 0 var(--gx-ide-container__padding);gap:var(--gx-ide-grid-column-gap);grid-template-columns:1fr auto;grid-template-areas:\"select-directory export-cancel-buttons-group options-btn\"}.header__top .select-directory{grid-area:select-directory}.header__top .export-cancel-buttons-group{grid-area:export-cancel-buttons-group}.header__top .options-btn{grid-area:options-btn}.header__bottom .checkboxes-wrapper{padding:var(--gx-ide-grid-column-gap);display:flex;flex-wrap:wrap;gap:var(--gx-ide-grid-column-gap)}.header__bottom .checkboxes-wrapper .add-checkbox{display:flex}.tree-container{block-size:100%;padding:var(--tree-container-padding)}.tree-container--empty{align-items:center;justify-content:center}.tree-container .gx-ide-message{padding:100px 0}gxg-text{block-size:100%}";
 
 const CSS_BUNDLES = [
     "resets/box-sizing",

package/dist/components/gx-ide-kb-manager-export.js.map

@@ -1 +1 @@
-{"file":"gx-ide-kb-manager-export.js","mappings":"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","names":["GxIdeKbManagerExport"],"sources":["src/components/kb-manager-export/helpers.ts","src/components/kb-manager-export/kb-manager-export.scss?tag=gx-ide-kb-manager-export&encapsulation=shadow","src/components/kb-manager-export/kb-manager-export.tsx"],"sourcesContent":["// /* Tree View */\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\nimport {\n  ObjectData,\n  ObjectType,\n  KBPropertyData,\n  KBPropertyType\n} from \"./kb-manager-export\";\nexport const KB_PROPERTY = \"property\";\nexport const KB_OBJECT = \"object\";\n\n/*\nINDEX:\n1. getObjectIcon\n2. convertObjectTypeToTreeItem\n3. convertObjectToTreeItem\n4. getObjectType\n5. findObjectInTree\n6. findPropertyInTree\n7. convertPropertyToTreeItem\n8. updateTreeModelWithObjects\n9. convertKbPropertiesDataToTreeItemData\n10. clearKbPropertiesFromTree\n*/\n\n/* 1.2 getIcon (for properties)*/\nconst getPropertyIcon = (\n  typeId: string,\n  kbPropertiesTypes: KBPropertyType[]\n): string => {\n  // The object icon has to be retrieved from the ObjetTypes array, by matching the ObjectData typeId with the ObjectType id.\n  const propertyType = kbPropertiesTypes.find(\n    propertyType => propertyType.id === typeId\n  );\n  if (propertyType) {\n    return propertyType.icon;\n  } else {\n    return undefined;\n  }\n};\n\n/* 2. convertObjectTypeToTreeItem*/\nconst convertObjectTypeToTreeItem = (\n  objectType: ObjectType\n): TreeViewItemModel => ({\n  caption: objectType.name,\n  id: objectType.id,\n  startImgSrc: objectType.icon,\n  leaf: false,\n  parts: \"object-type tree-view-item\",\n  expanded: true,\n  items: []\n});\n\n/* 3. convertObjectToTreeItem*/\nconst convertObjectToTreeItem = (\n  object: ObjectData,\n  objectTypes: Map<string, ObjectType>\n): TreeViewItemModel => ({\n  caption: object.name,\n  id: object.id,\n  startImgSrc: objectTypes.get(object.typeId).icon,\n  parts: \"object tree-view-item\",\n  metadata: KB_OBJECT,\n  leaf: true\n});\n\n/* 5. findObjectInTree*/\nconst findObjectInTree = (\n  object: ObjectData,\n  actualTreeState: TreeViewItemModel[]\n): ObjectTreeInfo => {\n  const objectTreeItemInfo = {\n    objectExists: false,\n    objectTypeIndex: -1\n  };\n  if (actualTreeState) {\n    const objectTypeTreeItemIndex = actualTreeState.findIndex(\n      objectTypeTreeItem => {\n        return objectTypeTreeItem.id === object.typeId;\n      }\n    );\n    if (objectTypeTreeItemIndex !== -1) {\n      objectTreeItemInfo.objectTypeIndex = objectTypeTreeItemIndex;\n      // objectType exists as a node in the actual tree.\n      // Now try to find the object\n      const objectFound = actualTreeState[objectTypeTreeItemIndex].items?.find(\n        objectTreeItem => {\n          return objectTreeItem.id === object.id;\n        }\n      );\n      if (objectFound) {\n        objectTreeItemInfo.objectExists = true;\n      }\n    }\n  }\n  return objectTreeItemInfo;\n};\n\n/* 6. findPropertyInTree */\nconst findPropertyInTree = (\n  property: KBPropertyData,\n  updatedTreeData: TreeViewItemModel[]\n): boolean => {\n  const found = updatedTreeData.find(node => {\n    return node.id === property.id;\n  });\n  if (found) {\n    return true;\n  }\n  return false;\n};\n\n/* 7. convertPropertyToTreeItem */\nconst convertPropertyToTreeItem = (\n  property: KBPropertyData,\n  kbPropertiesTypes: KBPropertyType[]\n): TreeViewItemModel => ({\n  caption: property.name,\n  id: property.id,\n  startImgSrc: getPropertyIcon(property.typeId, kbPropertiesTypes),\n  parts: \"property tree-view-item\",\n  metadata: KB_PROPERTY,\n  leaf: true\n});\n\n/* 8. updateTreeModelWithObjects*/\nexport const updateTreeModelWithObjects = (\n  objects: ObjectData[] | undefined,\n  objectTypes: Map<string, ObjectType>,\n  actualTreeState: TreeViewItemModel[]\n): TreeViewItemModel[] => {\n  const updatedTreeData: TreeViewItemModel[] = [...actualTreeState];\n  if (!objects) {\n    // nothing to do\n    return updatedTreeData;\n  }\n  objects.forEach(object => {\n    // objects that already exists in the actual actualTreeState should not be added.\n    // We can find the object in the actual actualTreeState.\n    const objectTreeItemInfo: ObjectTreeInfo = findObjectInTree(\n      object,\n      updatedTreeData\n    );\n    if (!objectTreeItemInfo.objectExists) {\n      // object does not exists in actualTreeState\n      // if the objectType tree node exists, insert inside.\n      // if the objectType tree node does not exists, create object type node first.\n      if (objectTreeItemInfo.objectTypeIndex === -1) {\n        const objectType: ObjectType = objectTypes.get(object.typeId);\n        if (objectType !== undefined) {\n          const objectTypeTreeItem = convertObjectTypeToTreeItem(objectType);\n          objectTreeItemInfo.objectTypeIndex =\n            updatedTreeData.push(objectTypeTreeItem) - 1;\n        }\n      }\n      const objectAsTreeItem: TreeViewItemModel = convertObjectToTreeItem(\n        object,\n        objectTypes\n      );\n      // insert object in tree (under the object type tree node)\n      updatedTreeData[objectTreeItemInfo.objectTypeIndex].items.push(\n        objectAsTreeItem\n      );\n    }\n  });\n  return updatedTreeData;\n};\n\n/* 9. convertKbPropertiesDataToTreeItemData*/\nexport const convertKbPropertiesDataToTreeItemData = (\n  properties: KBPropertyData[],\n  kbPropertiesTypes: KBPropertyType[],\n  actualTreeState: TreeViewItemModel[]\n): TreeViewItemModel[] => {\n  const updatedTreeData: TreeViewItemModel[] = [...actualTreeState];\n  if (!properties) {\n    // nothing to do\n    return updatedTreeData;\n  }\n  properties.forEach(property => {\n    // properties have no parent node, and they should be added at the beginning of the tree\n    const propertyAlreadyExists = findPropertyInTree(property, updatedTreeData);\n    if (!propertyAlreadyExists) {\n      const propertyTreeItem = convertPropertyToTreeItem(\n        property,\n        kbPropertiesTypes\n      );\n      updatedTreeData.unshift(propertyTreeItem);\n    }\n  });\n  return updatedTreeData;\n};\n\ntype ObjectTreeInfo = {\n  objectExists: boolean;\n  objectTypeIndex: number;\n};\n\n/* 10. clearKbPropertiesFromTree*/\nexport const clearKbPropertiesFromTree = (\n  kBPropertiesData: KBPropertyData[],\n  actualTreeState: TreeViewItemModel[]\n): TreeViewItemModel[] => {\n  if (!(actualTreeState.length > 0)) {\n    // nothing to do.\n    return [];\n  }\n  const kBPropertiesDataIds: string[] = kBPropertiesData.map(property => {\n    return property.id;\n  });\n\n  const treeModelWithoutKbProperties: TreeViewItemModel[] =\n    actualTreeState.filter(item => {\n      return !kBPropertiesDataIds.includes(item.id);\n    });\n\n  return treeModelWithoutKbProperties;\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n/*general*/\n.tree-view-container {\n  display: flex;\n}\n\n/*Header*/\n.header {\n  &__top {\n    border-top: 1px solid var(--gx-ide-container-border-color);\n    //border-bottom: 1px solid var(--gx-ide-container-border-color);\n    display: grid;\n    padding: var(--gx-ide-container__padding) var(--gx-ide-container__padding) 0\n      var(--gx-ide-container__padding);\n    gap: var(--gx-ide-grid-column-gap);\n    grid-template-columns: 1fr auto;\n    grid-template-areas: \"select-directory export-cancel-buttons-group options-btn\";\n\n    .select-directory {\n      grid-area: select-directory;\n    }\n    .export-cancel-buttons-group {\n      grid-area: export-cancel-buttons-group;\n    }\n    .options-btn {\n      grid-area: options-btn;\n    }\n  }\n  &__bottom {\n    .checkboxes-wrapper {\n      padding: var(--gx-ide-grid-column-gap);\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--gx-ide-grid-column-gap);\n\n      .add-checkbox {\n        display: flex;\n      }\n    }\n  }\n}\n\n/*Main*/\n.tree-container {\n  block-size: 100%;\n  padding: var(--tree-container-padding);\n  &--empty {\n    align-items: center;\n    justify-content: center;\n  }\n  @include gx-ide-message(\"tall\");\n}\n\ngxg-text {\n  block-size: 100%;\n}\n\n// @keyframes toggleTreeObjectsVisibility {\n//   0% {\n//     opacity: 1;\n//   }\n//   100% {\n//     opacity: 0;\n//   }\n// }\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  State,\n  EventEmitter,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* Tree View */\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\nimport { TreeViewItemModelExtended } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport {\n  TextAlign,\n  TextPadding,\n  TextType\n} from \"@genexus/gemini/dist/types/components/text/text\";\nimport { CheckboxInfo } from \"@genexus/gemini/dist/types/components/form-checkbox/form-checkbox\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport {\n  updateTreeModelWithObjects,\n  convertKbPropertiesDataToTreeItemData,\n  clearKbPropertiesFromTree\n} from \"./helpers\";\n\nimport { KB_PROPERTY, KB_OBJECT } from \"./helpers\";\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];\n@Component({\n  tag: \"gx-ide-kb-manager-export\",\n  styleUrl: \"kb-manager-export.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/kb-manager-export\"]\n})\nexport class GxIdeKbManagerExport {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private checkedPropertiesIds: string[] = [];\n  private renderedFirstTime = false;\n  private flattenedObjectTypes: Map<string, ObjectType> = new Map();\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeKbManagerExportElement;\n\n  private fileNameEl!: HTMLGxgFormTextElement;\n  private exportAllCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private objectsTreeEl!: HTMLChTreeViewRenderElement;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private kBPropertiesData!: KBPropertyData[];\n\n  // 3.STATE() VARIABLES //\n\n  @State() exportAllIsChecked = false;\n  @State() addKbPropertiesIsChecked = false;\n  @State() checkedObjectsIds: string[] = [];\n  @State() noObjects: boolean;\n\n  @State() treeModel: TreeViewItemModel[] = [];\n  @Watch(\"treeModel\")\n  watchTreeModelHandler(newState: TreeViewItemModel[]) {\n    this.noObjects = !!(newState.length === 0 || !newState);\n  }\n\n  @State() exportingIsInProcess = false;\n  @Watch(\"exportingIsInProcess\")\n  watchExportingIsInProcessHandler(isExporting: boolean) {\n    if (isExporting && this.loader) {\n      this.loaderEl.show = true;\n    } else if (!isExporting && this.loader) {\n      this.loaderEl.show = false;\n    }\n  }\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * It allows defining the default Export File Name\n   */\n  @Prop() readonly fileName: string;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Array with the possible types of KB properties\n   */\n  @Prop() readonly kbPropertiesTypes: KBPropertyType[];\n\n  /**\n   * Array of possible object types\n   */\n  @Prop() readonly objectTypes: ObjectType[];\n  @Watch(\"objectTypes\")\n  watchObjectTypesHandler(newState: ObjectType[]) {\n    this.flattenObjectTypes(newState);\n  }\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly exportFileDirectoryCallback: ExportFileDirectoryCallback;\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 the user wants to include KB properties.\n   */\n  @Prop() readonly addKBPropertiesCallback: KBPropertiesCallback;\n\n  /**\n   *Callback invoked when the user wants to add all the references for the selected objects.\n   *@param itemIds:string[] The selected item ids\n   *@returns : Returns an object with the items and its references\n   */\n  @Prop() readonly addReferencesCallback: AddReferencesCallback;\n\n  /**\n   * Callback invoked when the user wants to add objects.\n   */\n  @Prop() readonly addObjectsCallback: AddObjectsCallback;\n\n  /**\n   *Callback invoked when the user wants to initiate the export process.\n   *@param fileName:string\n   *@param itemIds:string[] The selected item ids\n   *@returns : It returns a boolean indicating whether the process was successful\n   */\n  @Prop() readonly exportCallback: ExportCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the export process.\n   * @returns It returns a boolean indicating whether the process could be canceled or not.\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  // 5.EVENTS (EMIT) //\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  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n    this.evaluateObjects();\n    this.flattenObjectTypes(this.objectTypes);\n  }\n\n  componentDidLoad() {\n    this.fileNameEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private evaluateObjects = () => {\n    this.noObjects = !!(this.treeModel?.length === 0 || !this.treeModel);\n  };\n\n  private optionsCallbackHandler = () => {\n    if (this.optionsCallback) {\n      this.optionsCallback();\n      // returns Promise<void>\n    }\n  };\n\n  private addKBPropertiesCallbackHandler = async (e: CustomEvent) => {\n    const checked = e.detail.value;\n    this.addKbPropertiesIsChecked = checked;\n    if (checked && this.addKBPropertiesCallback) {\n      this.kBPropertiesData = await this.addKBPropertiesCallback();\n      if (this.kBPropertiesData.length === 0) {\n        // nothing to do\n      } else {\n        // 'convertObjectDataToTreeItemData' can be used for converting KBPropertiesData as well, because the two types share the same properties\n        const newTreeModel = convertKbPropertiesDataToTreeItemData(\n          this.kBPropertiesData,\n          this.kbPropertiesTypes,\n          this.treeModel\n        );\n        this.treeModel = newTreeModel;\n      }\n    } else if (!checked) {\n      // previous properties (if any) should be removed\n      const objectsWithoutProperties = clearKbPropertiesFromTree(\n        this.kBPropertiesData,\n        this.treeModel\n      );\n      this.treeModel = objectsWithoutProperties;\n    }\n  };\n\n  private addObjectsCallbackHandler = async () => {\n    if (this.addObjectsCallback) {\n      const objects: ObjectData[] = await this.addObjectsCallback();\n      this.updateObjects(objects);\n    }\n  };\n\n  private addReferencesCallbackHandler = async () => {\n    if (this.addReferencesCallback) {\n      const objects: ObjectData[] = await this.addReferencesCallback(\n        this.checkedObjectsIds\n      );\n      this.updateObjects(objects);\n    }\n  };\n\n  /*\n   * Used to update objects. Objects are updated when calling the 'addObjectsCallback' or 'addReferencesCallback'\n   */\n  private updateObjects = (objects: ObjectData[]) => {\n    if (objects.length) {\n      const newTreeModel = updateTreeModelWithObjects(\n        objects,\n        this.flattenedObjectTypes,\n        this.treeModel\n      );\n      this.treeModel = newTreeModel;\n    }\n  };\n\n  /*\n   * Update checked objects 'checkedObjectsArray' array. Used for the 'addReferencesCallback'\n   */\n  private objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    // filter 'checked objects' and 'checked properties' ids\n    const checkedObjectsIds: string[] = [];\n    const checkedPropertiesIds: string[] = [];\n    const allItemsWithCheckbox = [...event.detail.values()];\n    allItemsWithCheckbox.forEach(node => {\n      if (node.item.checked && node.item.metadata === KB_OBJECT) {\n        checkedObjectsIds.push(node.item.id);\n      } else if (node.item.checked && node.item.metadata === KB_PROPERTY) {\n        checkedPropertiesIds.push(node.item.id);\n      }\n    });\n    this.checkedObjectsIds = checkedObjectsIds;\n    this.checkedPropertiesIds = checkedPropertiesIds;\n  };\n\n  private exportCallbackHandler = async () => {\n    if (this.exportCallback) {\n      this.exportingIsInProcess = true;\n      const exportAllChecked = this.exportAllCheckboxEl.checked;\n      const fileName: string = this.fileNameEl.value;\n      const checkedKbPropertiesIds = this.addKbPropertiesIsChecked\n        ? this.checkedPropertiesIds\n        : [];\n      const checkedObjectIds = exportAllChecked\n        ? undefined\n        : this.checkedObjectsIds;\n      this.exportCallback(\n        fileName,\n        checkedKbPropertiesIds,\n        checkedObjectIds\n      ).then(() => {\n        this.exportingIsInProcess = false;\n      });\n      // returns Promise<boolean> but no procedure was detailed on the spec.\n    }\n  };\n\n  private cancelCallbackHandler = async () => {\n    if (this.cancelCallback) {\n      const cancelled = await this.cancelCallback();\n      if (cancelled) {\n        this.exportingIsInProcess = false;\n      }\n    }\n  };\n\n  private clearButtonHandler = () => {\n    /* revisar*/\n    this.objectsTreeEl.updateAllItemsProperties({ checked: false });\n  };\n\n  private exportAllChangedHandler = (event: CustomEvent<CheckboxInfo>) => {\n    this.exportAllIsChecked = event.detail.value;\n  };\n\n  private flattenObjectTypes(newState: ObjectType[]) {\n    newState.forEach(objectType => {\n      this.flattenedObjectTypes.set(objectType.id, objectType);\n    });\n  }\n\n  private evaluateTreeViewFilters = (): string => {\n    if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {\n      // only show properties\n      return KB_PROPERTY;\n    } else if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {\n      // only show objects\n      return KB_OBJECT;\n    }\n    return \"none\"; // Applies if !this.addKbPropertiesIsChecked && this.exportAllIsChecked\n  };\n\n  private evaluateContentToDisplay = () => {\n    // Nothing to display on the tree-view\n    if (this.noObjects) {\n      return this.renderMessage(true);\n    }\n\n    // The tree should be empty, because all filters are being applied.\n    // Display a message to prevent a white screen.\n    if (!this.addKbPropertiesIsChecked && this.exportAllIsChecked) {\n      return this.renderMessage(false);\n    }\n\n    return (\n      <ch-tree-view-render\n        model={this.treeModel}\n        dragDisabled={true}\n        dropDisabled={true}\n        toggleCheckboxes={true}\n        checked={true}\n        checkbox={true}\n        filter={this.evaluateTreeViewFilters()}\n        filterType={\n          this.addKbPropertiesIsChecked && !this.exportAllIsChecked\n            ? \"none\"\n            : \"metadata\"\n        }\n        onCheckedItemsChange={this.objectsTreeCheckedItemsChangedHandler}\n        ref={el => (this.objectsTreeEl = el as HTMLChTreeViewRenderElement)}\n        show-lines=\"last\"\n        class=\"tree-view\"\n      ></ch-tree-view-render>\n    );\n  };\n\n  private renderMessage = (nothingToDisplay: boolean) => {\n    return (\n      <gxg-text\n        textAlign={config.gxgMessage.common.textAlign as TextAlign}\n        padding={config.gxgMessage.common.textAlign as TextPadding}\n        type={config.gxgMessage.common.type as TextType}\n        maxWidth={config.gxgMessage.common.maxWidth}\n        class=\"gx-ide-message gx-ide-message--short\"\n        part=\"referenced-by-empty-status-message\"\n      >\n        {nothingToDisplay ? (\n          [\n            <span>{this._componentLocale.main.noObjectsToDisplay}</span>,\n            <gxg-text\n              type=\"text-link-no-line\"\n              textAlign=\"center\"\n              onClick={this.addObjectsCallbackHandler}\n            >\n              {this._componentLocale.main.beginByADdingSomeObjects}\n            </gxg-text>\n          ]\n        ) : (\n          <span>{this._componentLocale.main.exportAllMessage}</span>\n        )}\n      </gxg-text>\n    );\n  };\n\n  private clearButtonDisabledConditions = (): boolean => {\n    const checkedItems = this.treeModel.filter(item => {\n      return item.checked;\n    });\n    return checkedItems.length === 0;\n  };\n\n  private loaderCancelCallbackHandler = async () => {\n    this.cancelCallbackHandler();\n  };\n\n  private onClickCancelCallbackHandler = async () => {\n    this.cancelCallbackHandler();\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noHeadingPadding\n            headingPaddingTop\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <header slot=\"header\" class=\"header\">\n              {/* header top */}\n              <div class=\"header__top\">\n                {/* export file name*/}\n                <gxg-form-text\n                  class={{ \"select-file-input\": true }}\n                  value={this.fileName}\n                  part=\"xpz-file\"\n                  label={this._componentLocale.header.exportFileName}\n                  ref={el => (this.fileNameEl = el as HTMLGxgFormTextElement)}\n                  icon=\"gemini-tools/file\"\n                  iconPosition=\"start\"\n                ></gxg-form-text>\n                {/* export button / cancel button*/}\n                <gxg-buttons-container\n                  reduced\n                  class=\"export-cancel-buttons-group\"\n                >\n                  <gxg-button\n                    id=\"export-kb-btn\"\n                    part=\"export-btn\"\n                    onClick={this.exportCallbackHandler}\n                    disabled={this.noObjects}\n                  >\n                    {this._componentLocale.header.exportButton}\n                  </gxg-button>\n                  <gxg-button\n                    id=\"cancel-kb-export-btn\"\n                    part=\"cancel-button\"\n                    onClick={this.onClickCancelCallbackHandler}\n                    disabled={!this.exportingIsInProcess || this.noObjects}\n                  >\n                    {this._componentLocale.header.cancelButton}\n                  </gxg-button>\n                </gxg-buttons-container>\n                {/* settings/options button*/}\n                <gxg-button\n                  type=\"secondary-icon-only\"\n                  icon=\"gemini-tools/settings\"\n                  part=\"select-kb-btn\"\n                  class={{ \"options-btn\": true }}\n                  onClick={this.optionsCallbackHandler}\n                >\n                  {this._componentLocale.header.optionsButton}\n                </gxg-button>\n              </div>\n              {/* header bottom */}\n              <div class=\"header__bottom\">\n                <div class={{ \"checkboxes-wrapper\": true }}>\n                  {/* checkboxes */}\n                  <gxg-form-checkbox\n                    label={\n                      this._componentLocale.main.addKnowledgeBaseDescription\n                    }\n                    onChange={this.addKBPropertiesCallbackHandler}\n                    part=\"add-kb-checkbox\"\n                  ></gxg-form-checkbox>\n                  <gxg-form-checkbox\n                    label={this._componentLocale.main.exportAll}\n                    part=\"export-all-checkbox\"\n                    ref={el =>\n                      (this.exportAllCheckboxEl =\n                        el as HTMLGxgFormCheckboxElement)\n                    }\n                    onChange={this.exportAllChangedHandler}\n                  ></gxg-form-checkbox>\n                </div>\n              </div>\n            </header>\n\n            {/* main */}\n\n            <div\n              class={{\n                \"tree-container\": true,\n                \"tree-container--empty\":\n                  this.noObjects ||\n                  (!this.noObjects &&\n                    this.exportAllIsChecked &&\n                    !this.addKbPropertiesIsChecked)\n                // \"tree-container--export-all\": this.exportAllIsChecked\n              }}\n            >\n              {this.evaluateContentToDisplay()}\n            </div>\n\n            {/* footer */}\n            {/* clear 'button' */}\n            <gxg-text\n              type=\"button-like\"\n              part=\"export-button\"\n              slot=\"footer-start\"\n              onClick={this.clearButtonHandler}\n              disabled={this.clearButtonDisabledConditions()}\n            >\n              {this._componentLocale.footer.clearButton}\n            </gxg-text>\n            {/* references button */}\n            <gxg-button\n              onClick={this.addReferencesCallbackHandler}\n              type=\"outlined-text-icon\"\n              icon=\"general/references\"\n              part=\"export-button\"\n              class={{ \"cancel-btn\": true }}\n              disabled={this.exportAllIsChecked}\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.referencesButton}\n            </gxg-button>\n            {/* add button */}\n            <gxg-button\n              type=\"primary-text-icon\"\n              icon=\"menus/new-object\"\n              part=\"export-button\"\n              class={{ \"cancel-btn\": true }}\n              onClick={this.addObjectsCallbackHandler}\n              disabled={this.exportAllIsChecked}\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.addButton}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        {this.loader && false ? (\n          <gxg-ide-loader\n            cancelLabel={this._componentLocale.loader.cancelLabel}\n            container={this.el}\n            loaderTitle={this._componentLocale.loader.title}\n            ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n            cancelCallback={this.loaderCancelCallbackHandler}\n          ></gxg-ide-loader>\n        ) : null}\n      </Host>\n    );\n  }\n}\n\n/* Kb Property*/\nexport type KBPropertiesCallback = () => Promise<KBPropertyData[]>;\nexport type KBPropertyData = {\n  typeId: string;\n  id: string;\n  name: string;\n};\nexport type KBPropertyType = {\n  id: string;\n  icon: string;\n};\n\n/* Objects */\nexport type ObjectData = {\n  typeId: string;\n  id: string;\n  name: string;\n};\nexport type ObjectType = {\n  id: string;\n  name: string;\n  icon: string;\n};\n\n/* Callbacks*/\nexport type ExportFileDirectoryCallback = () => Promise<string>;\n\nexport type OptionsCallback = () => Promise<void>;\n\nexport type AddObjectsCallback = () => Promise<ObjectData[]>;\n\nexport type ExportCallback = (\n  fileName: string,\n  checkedKbPropertiesIds: string[],\n  checkedObjectIds: string[]\n) => Promise<boolean>;\n\nexport type AddReferencesCallback = (\n  objectIds: string[]\n) => Promise<ObjectData[]>;\n\nexport type CancelCallback = () => Promise<boolean>;\n"],"version":3}
+{"file":"gx-ide-kb-manager-export.js","mappings":"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","names":["GxIdeKbManagerExport"],"sources":["src/components/kb-manager-export/helpers.ts","src/components/kb-manager-export/kb-manager-export.scss?tag=gx-ide-kb-manager-export&encapsulation=shadow","src/components/kb-manager-export/kb-manager-export.tsx"],"sourcesContent":["// /* Tree View */\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\nimport {\n  ObjectData,\n  KBPropertyData,\n  KBPropertyType\n} from \"./kb-manager-export\";\nimport { ObjectType } from \"../../common/types\";\nexport const KB_PROPERTY = \"property\";\nexport const KB_OBJECT = \"object\";\n\n/*\nINDEX:\n1. getObjectIcon\n2. convertObjectTypeToTreeItem\n3. convertObjectToTreeItem\n4. getObjectType\n5. findObjectInTree\n6. findPropertyInTree\n7. convertPropertyToTreeItem\n8. updateTreeModelWithObjects\n9. convertKbPropertiesDataToTreeItemData\n10. clearKbPropertiesFromTree\n*/\n\n/* 1.2 getIcon (for properties)*/\nconst getPropertyIcon = (\n  typeId: string,\n  kbPropertiesTypes: KBPropertyType[]\n): string => {\n  // The object icon has to be retrieved from the ObjetTypes array, by matching the ObjectData typeId with the ObjectType id.\n  const propertyType = kbPropertiesTypes.find(\n    propertyType => propertyType.id === typeId\n  );\n  if (propertyType) {\n    return propertyType.icon;\n  } else {\n    return undefined;\n  }\n};\n\n/* 2. convertObjectTypeToTreeItem*/\nconst convertObjectTypeToTreeItem = (\n  objectType: ObjectType\n): TreeViewItemModel => ({\n  caption: objectType.name,\n  id: objectType.id,\n  startImgSrc: objectType.icon,\n  leaf: false,\n  parts: \"object-type tree-view-item\",\n  expanded: true,\n  items: []\n});\n\n/* 3. convertObjectToTreeItem*/\nconst convertObjectToTreeItem = (\n  object: ObjectData,\n  objectTypes: Map<string, ObjectType>\n): TreeViewItemModel => ({\n  caption: object.name,\n  id: object.id,\n  startImgSrc: objectTypes.get(object.typeId).icon,\n  parts: \"object tree-view-item\",\n  metadata: KB_OBJECT,\n  leaf: true\n});\n\n/* 5. findObjectInTree*/\nconst findObjectInTree = (\n  object: ObjectData,\n  actualTreeState: TreeViewItemModel[]\n): ObjectTreeInfo => {\n  const objectTreeItemInfo = {\n    objectExists: false,\n    objectTypeIndex: -1\n  };\n  if (actualTreeState) {\n    const objectTypeTreeItemIndex = actualTreeState.findIndex(\n      objectTypeTreeItem => {\n        return objectTypeTreeItem.id === object.typeId;\n      }\n    );\n    if (objectTypeTreeItemIndex !== -1) {\n      objectTreeItemInfo.objectTypeIndex = objectTypeTreeItemIndex;\n      // objectType exists as a node in the actual tree.\n      // Now try to find the object\n      const objectFound = actualTreeState[objectTypeTreeItemIndex].items?.find(\n        objectTreeItem => {\n          return objectTreeItem.id === object.id;\n        }\n      );\n      if (objectFound) {\n        objectTreeItemInfo.objectExists = true;\n      }\n    }\n  }\n  return objectTreeItemInfo;\n};\n\n/* 6. findPropertyInTree */\nconst findPropertyInTree = (\n  property: KBPropertyData,\n  updatedTreeData: TreeViewItemModel[]\n): boolean => {\n  const found = updatedTreeData.find(node => {\n    return node.id === property.id;\n  });\n  if (found) {\n    return true;\n  }\n  return false;\n};\n\n/* 7. convertPropertyToTreeItem */\nconst convertPropertyToTreeItem = (\n  property: KBPropertyData,\n  kbPropertiesTypes: KBPropertyType[]\n): TreeViewItemModel => ({\n  caption: property.name,\n  id: property.id,\n  startImgSrc: getPropertyIcon(property.typeId, kbPropertiesTypes),\n  parts: \"property tree-view-item\",\n  metadata: KB_PROPERTY,\n  leaf: true\n});\n\n/* 8. updateTreeModelWithObjects*/\nexport const updateTreeModelWithObjects = (\n  objects: ObjectData[] | undefined,\n  objectTypes: Map<string, ObjectType>,\n  actualTreeState: TreeViewItemModel[]\n): TreeViewItemModel[] => {\n  const updatedTreeData: TreeViewItemModel[] = [...actualTreeState];\n  if (!objects) {\n    // nothing to do\n    return updatedTreeData;\n  }\n  objects.forEach(object => {\n    // objects that already exists in the actual actualTreeState should not be added.\n    // We can find the object in the actual actualTreeState.\n    const objectTreeItemInfo: ObjectTreeInfo = findObjectInTree(\n      object,\n      updatedTreeData\n    );\n    if (!objectTreeItemInfo.objectExists) {\n      // object does not exists in actualTreeState\n      // if the objectType tree node exists, insert inside.\n      // if the objectType tree node does not exists, create object type node first.\n      if (objectTreeItemInfo.objectTypeIndex === -1) {\n        const objectType: ObjectType = objectTypes.get(object.typeId);\n        if (objectType !== undefined) {\n          const objectTypeTreeItem = convertObjectTypeToTreeItem(objectType);\n          objectTreeItemInfo.objectTypeIndex =\n            updatedTreeData.push(objectTypeTreeItem) - 1;\n        }\n      }\n      const objectAsTreeItem: TreeViewItemModel = convertObjectToTreeItem(\n        object,\n        objectTypes\n      );\n      // insert object in tree (under the object type tree node)\n      updatedTreeData[objectTreeItemInfo.objectTypeIndex].items.push(\n        objectAsTreeItem\n      );\n    }\n  });\n  return updatedTreeData;\n};\n\n/* 9. convertKbPropertiesDataToTreeItemData*/\nexport const convertKbPropertiesDataToTreeItemData = (\n  properties: KBPropertyData[],\n  kbPropertiesTypes: KBPropertyType[],\n  actualTreeState: TreeViewItemModel[]\n): TreeViewItemModel[] => {\n  const updatedTreeData: TreeViewItemModel[] = [...actualTreeState];\n  if (!properties) {\n    // nothing to do\n    return updatedTreeData;\n  }\n  properties.forEach(property => {\n    // properties have no parent node, and they should be added at the beginning of the tree\n    const propertyAlreadyExists = findPropertyInTree(property, updatedTreeData);\n    if (!propertyAlreadyExists) {\n      const propertyTreeItem = convertPropertyToTreeItem(\n        property,\n        kbPropertiesTypes\n      );\n      updatedTreeData.unshift(propertyTreeItem);\n    }\n  });\n  return updatedTreeData;\n};\n\ntype ObjectTreeInfo = {\n  objectExists: boolean;\n  objectTypeIndex: number;\n};\n\n/* 10. clearKbPropertiesFromTree*/\nexport const clearKbPropertiesFromTree = (\n  kBPropertiesData: KBPropertyData[],\n  actualTreeState: TreeViewItemModel[]\n): TreeViewItemModel[] => {\n  if (!(actualTreeState.length > 0)) {\n    // nothing to do.\n    return [];\n  }\n  const kBPropertiesDataIds: string[] = kBPropertiesData.map(property => {\n    return property.id;\n  });\n\n  const treeModelWithoutKbProperties: TreeViewItemModel[] =\n    actualTreeState.filter(item => {\n      return !kBPropertiesDataIds.includes(item.id);\n    });\n\n  return treeModelWithoutKbProperties;\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n/*general*/\n.tree-view-container {\n  display: flex;\n}\n\n/*Header*/\n.header {\n  &__top {\n    border-top: 1px solid var(--gx-ide-container-border-color);\n    //border-bottom: 1px solid var(--gx-ide-container-border-color);\n    display: grid;\n    padding: var(--gx-ide-container__padding) var(--gx-ide-container__padding) 0\n      var(--gx-ide-container__padding);\n    gap: var(--gx-ide-grid-column-gap);\n    grid-template-columns: 1fr auto;\n    grid-template-areas: \"select-directory export-cancel-buttons-group options-btn\";\n\n    .select-directory {\n      grid-area: select-directory;\n    }\n    .export-cancel-buttons-group {\n      grid-area: export-cancel-buttons-group;\n    }\n    .options-btn {\n      grid-area: options-btn;\n    }\n  }\n  &__bottom {\n    .checkboxes-wrapper {\n      padding: var(--gx-ide-grid-column-gap);\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--gx-ide-grid-column-gap);\n\n      .add-checkbox {\n        display: flex;\n      }\n    }\n  }\n}\n\n/*Main*/\n.tree-container {\n  block-size: 100%;\n  padding: var(--tree-container-padding);\n  &--empty {\n    align-items: center;\n    justify-content: center;\n  }\n  @include gx-ide-message(\"tall\");\n}\n\ngxg-text {\n  block-size: 100%;\n}\n\n// @keyframes toggleTreeObjectsVisibility {\n//   0% {\n//     opacity: 1;\n//   }\n//   100% {\n//     opacity: 0;\n//   }\n// }\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  State,\n  EventEmitter,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* Tree View */\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\nimport { TreeViewItemModelExtended } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport {\n  TextAlign,\n  TextPadding,\n  TextType\n} from \"@genexus/gemini/dist/types/components/text/text\";\nimport { CheckboxInfo } from \"@genexus/gemini/dist/types/components/form-checkbox/form-checkbox\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport {\n  updateTreeModelWithObjects,\n  convertKbPropertiesDataToTreeItemData,\n  clearKbPropertiesFromTree\n} from \"./helpers\";\nimport { ObjectType } from \"../../common/types\";\n\nimport { KB_PROPERTY, KB_OBJECT } from \"./helpers\";\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];\n@Component({\n  tag: \"gx-ide-kb-manager-export\",\n  styleUrl: \"kb-manager-export.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/kb-manager-export\"]\n})\nexport class GxIdeKbManagerExport {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private checkedPropertiesIds: string[] = [];\n  private renderedFirstTime = false;\n  private flattenedObjectTypes: Map<string, ObjectType> = new Map();\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeKbManagerExportElement;\n\n  private fileNameEl!: HTMLGxgFormTextElement;\n  private exportAllCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private objectsTreeEl!: HTMLChTreeViewRenderElement;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private kBPropertiesData!: KBPropertyData[];\n\n  // 3.STATE() VARIABLES //\n\n  @State() exportAllIsChecked = false;\n  @State() addKbPropertiesIsChecked = false;\n  @State() checkedObjectsIds: string[] = [];\n  @State() noObjects: boolean;\n\n  @State() treeModel: TreeViewItemModel[] = [];\n  @Watch(\"treeModel\")\n  watchTreeModelHandler(newState: TreeViewItemModel[]) {\n    this.noObjects = !!(newState.length === 0 || !newState);\n  }\n\n  @State() exportingIsInProcess = false;\n  @Watch(\"exportingIsInProcess\")\n  watchExportingIsInProcessHandler(isExporting: boolean) {\n    if (isExporting && this.loader) {\n      this.loaderEl.show = true;\n    } else if (!isExporting && this.loader) {\n      this.loaderEl.show = false;\n    }\n  }\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * It allows defining the default Export File Name\n   */\n  @Prop() readonly fileName: string;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Array with the possible types of KB properties\n   */\n  @Prop() readonly kbPropertiesTypes: KBPropertyType[];\n\n  /**\n   * Array of possible object types\n   */\n  @Prop() readonly objectTypes: ObjectType[];\n  @Watch(\"objectTypes\")\n  watchObjectTypesHandler(newState: ObjectType[]) {\n    this.flattenObjectTypes(newState);\n  }\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly exportFileDirectoryCallback: ExportFileDirectoryCallback;\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 the user wants to include KB properties.\n   */\n  @Prop() readonly addKBPropertiesCallback: KBPropertiesCallback;\n\n  /**\n   *Callback invoked when the user wants to add all the references for the selected objects.\n   *@param itemIds:string[] The selected item ids\n   *@returns : Returns an object with the items and its references\n   */\n  @Prop() readonly addReferencesCallback: AddReferencesCallback;\n\n  /**\n   * Callback invoked when the user wants to add objects.\n   */\n  @Prop() readonly addObjectsCallback: AddObjectsCallback;\n\n  /**\n   *Callback invoked when the user wants to initiate the export process.\n   *@param fileName:string\n   *@param itemIds:string[] The selected item ids\n   *@returns : It returns a boolean indicating whether the process was successful\n   */\n  @Prop() readonly exportCallback: ExportCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the export process.\n   * @returns It returns a boolean indicating whether the process could be canceled or not.\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  // 5.EVENTS (EMIT) //\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  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n    this.evaluateObjects();\n    this.flattenObjectTypes(this.objectTypes);\n  }\n\n  componentDidLoad() {\n    this.fileNameEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private evaluateObjects = () => {\n    this.noObjects = !!(this.treeModel?.length === 0 || !this.treeModel);\n  };\n\n  private optionsCallbackHandler = () => {\n    if (this.optionsCallback) {\n      this.optionsCallback();\n      // returns Promise<void>\n    }\n  };\n\n  private addKBPropertiesCallbackHandler = async (e: CustomEvent) => {\n    const checked = e.detail.value;\n    this.addKbPropertiesIsChecked = checked;\n    if (checked && this.addKBPropertiesCallback) {\n      this.kBPropertiesData = await this.addKBPropertiesCallback();\n      if (this.kBPropertiesData.length === 0) {\n        // nothing to do\n      } else {\n        // 'convertObjectDataToTreeItemData' can be used for converting KBPropertiesData as well, because the two types share the same properties\n        const newTreeModel = convertKbPropertiesDataToTreeItemData(\n          this.kBPropertiesData,\n          this.kbPropertiesTypes,\n          this.treeModel\n        );\n        this.treeModel = newTreeModel;\n      }\n    } else if (!checked) {\n      // previous properties (if any) should be removed\n      const objectsWithoutProperties = clearKbPropertiesFromTree(\n        this.kBPropertiesData,\n        this.treeModel\n      );\n      this.treeModel = objectsWithoutProperties;\n    }\n  };\n\n  private addObjectsCallbackHandler = async () => {\n    if (this.addObjectsCallback) {\n      const objects: ObjectData[] = await this.addObjectsCallback();\n      this.updateObjects(objects);\n    }\n  };\n\n  private addReferencesCallbackHandler = async () => {\n    if (this.addReferencesCallback) {\n      const objects: ObjectData[] = await this.addReferencesCallback(\n        this.checkedObjectsIds\n      );\n      this.updateObjects(objects);\n    }\n  };\n\n  /*\n   * Used to update objects. Objects are updated when calling the 'addObjectsCallback' or 'addReferencesCallback'\n   */\n  private updateObjects = (objects: ObjectData[]) => {\n    if (objects.length) {\n      const newTreeModel = updateTreeModelWithObjects(\n        objects,\n        this.flattenedObjectTypes,\n        this.treeModel\n      );\n      this.treeModel = newTreeModel;\n    }\n  };\n\n  /*\n   * Update checked objects 'checkedObjectsArray' array. Used for the 'addReferencesCallback'\n   */\n  private objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    // filter 'checked objects' and 'checked properties' ids\n    const checkedObjectsIds: string[] = [];\n    const checkedPropertiesIds: string[] = [];\n    const allItemsWithCheckbox = [...event.detail.values()];\n    allItemsWithCheckbox.forEach(node => {\n      if (node.item.checked && node.item.metadata === KB_OBJECT) {\n        checkedObjectsIds.push(node.item.id);\n      } else if (node.item.checked && node.item.metadata === KB_PROPERTY) {\n        checkedPropertiesIds.push(node.item.id);\n      }\n    });\n    this.checkedObjectsIds = checkedObjectsIds;\n    this.checkedPropertiesIds = checkedPropertiesIds;\n  };\n\n  private exportCallbackHandler = async () => {\n    if (this.exportCallback) {\n      this.exportingIsInProcess = true;\n      const exportAllChecked = this.exportAllCheckboxEl.checked;\n      const fileName: string = this.fileNameEl.value;\n      const checkedKbPropertiesIds = this.addKbPropertiesIsChecked\n        ? this.checkedPropertiesIds\n        : [];\n      const checkedObjectIds = exportAllChecked\n        ? undefined\n        : this.checkedObjectsIds;\n      this.exportCallback(\n        fileName,\n        checkedKbPropertiesIds,\n        checkedObjectIds\n      ).then(() => {\n        this.exportingIsInProcess = false;\n      });\n      // returns Promise<boolean> but no procedure was detailed on the spec.\n    }\n  };\n\n  private cancelCallbackHandler = async () => {\n    if (this.cancelCallback) {\n      const cancelled = await this.cancelCallback();\n      if (cancelled) {\n        this.exportingIsInProcess = false;\n      }\n    }\n  };\n\n  private clearButtonHandler = () => {\n    /* revisar*/\n    this.objectsTreeEl.updateAllItemsProperties({ checked: false });\n  };\n\n  private exportAllChangedHandler = (event: CustomEvent<CheckboxInfo>) => {\n    this.exportAllIsChecked = event.detail.value;\n  };\n\n  private flattenObjectTypes(newState: ObjectType[]) {\n    newState.forEach(objectType => {\n      this.flattenedObjectTypes.set(objectType.id, objectType);\n    });\n  }\n\n  private evaluateTreeViewFilters = (): string => {\n    if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {\n      // only show properties\n      return KB_PROPERTY;\n    } else if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {\n      // only show objects\n      return KB_OBJECT;\n    }\n    return \"none\"; // Applies if !this.addKbPropertiesIsChecked && this.exportAllIsChecked\n  };\n\n  private evaluateContentToDisplay = () => {\n    // Nothing to display on the tree-view\n    if (this.noObjects) {\n      return this.renderMessage(true);\n    }\n\n    // The tree should be empty, because all filters are being applied.\n    // Display a message to prevent a white screen.\n    if (!this.addKbPropertiesIsChecked && this.exportAllIsChecked) {\n      return this.renderMessage(false);\n    }\n\n    return (\n      <ch-tree-view-render\n        model={this.treeModel}\n        dragDisabled={true}\n        dropDisabled={true}\n        toggleCheckboxes={true}\n        checked={true}\n        checkbox={true}\n        filter={this.evaluateTreeViewFilters()}\n        filterType={\n          this.addKbPropertiesIsChecked && !this.exportAllIsChecked\n            ? \"none\"\n            : \"metadata\"\n        }\n        onCheckedItemsChange={this.objectsTreeCheckedItemsChangedHandler}\n        ref={el => (this.objectsTreeEl = el as HTMLChTreeViewRenderElement)}\n        show-lines=\"last\"\n        class=\"tree-view\"\n      ></ch-tree-view-render>\n    );\n  };\n\n  private renderMessage = (nothingToDisplay: boolean) => {\n    return (\n      <gxg-text\n        textAlign={config.gxgMessage.common.textAlign as TextAlign}\n        padding={config.gxgMessage.common.textAlign as TextPadding}\n        type={config.gxgMessage.common.type as TextType}\n        maxWidth={config.gxgMessage.common.maxWidth}\n        class=\"gx-ide-message gx-ide-message--short\"\n        part=\"referenced-by-empty-status-message\"\n      >\n        {nothingToDisplay ? (\n          [\n            <span>{this._componentLocale.main.noObjectsToDisplay}</span>,\n            <gxg-text\n              type=\"text-link-no-line\"\n              textAlign=\"center\"\n              onClick={this.addObjectsCallbackHandler}\n            >\n              {this._componentLocale.main.beginByADdingSomeObjects}\n            </gxg-text>\n          ]\n        ) : (\n          <span>{this._componentLocale.main.exportAllMessage}</span>\n        )}\n      </gxg-text>\n    );\n  };\n\n  private clearButtonDisabledConditions = (): boolean => {\n    const checkedItems = this.treeModel.filter(item => {\n      return item.checked;\n    });\n    return checkedItems.length === 0;\n  };\n\n  private loaderCancelCallbackHandler = async () => {\n    this.cancelCallbackHandler();\n  };\n\n  private onClickCancelCallbackHandler = async () => {\n    this.cancelCallbackHandler();\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noHeadingPadding\n            headingPaddingTop\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <header slot=\"header\" class=\"header\">\n              {/* header top */}\n              <div class=\"header__top\">\n                {/* export file name*/}\n                <gxg-form-text\n                  class={{ \"select-file-input\": true }}\n                  value={this.fileName}\n                  part=\"xpz-file\"\n                  label={this._componentLocale.header.exportFileName}\n                  ref={el => (this.fileNameEl = el as HTMLGxgFormTextElement)}\n                  icon=\"gemini-tools/file\"\n                  iconPosition=\"start\"\n                ></gxg-form-text>\n                {/* export button / cancel button*/}\n                <gxg-buttons-container\n                  reduced\n                  class=\"export-cancel-buttons-group\"\n                >\n                  <gxg-button\n                    id=\"export-kb-btn\"\n                    part=\"export-btn\"\n                    onClick={this.exportCallbackHandler}\n                    disabled={this.noObjects}\n                  >\n                    {this._componentLocale.header.exportButton}\n                  </gxg-button>\n                  <gxg-button\n                    id=\"cancel-kb-export-btn\"\n                    part=\"cancel-button\"\n                    onClick={this.onClickCancelCallbackHandler}\n                    disabled={!this.exportingIsInProcess || this.noObjects}\n                  >\n                    {this._componentLocale.header.cancelButton}\n                  </gxg-button>\n                </gxg-buttons-container>\n                {/* settings/options button*/}\n                <gxg-button\n                  type=\"secondary-icon-only\"\n                  icon=\"gemini-tools/settings\"\n                  part=\"select-kb-btn\"\n                  class={{ \"options-btn\": true }}\n                  onClick={this.optionsCallbackHandler}\n                >\n                  {this._componentLocale.header.optionsButton}\n                </gxg-button>\n              </div>\n              {/* header bottom */}\n              <div class=\"header__bottom\">\n                <div class={{ \"checkboxes-wrapper\": true }}>\n                  {/* checkboxes */}\n                  <gxg-form-checkbox\n                    label={\n                      this._componentLocale.main.addKnowledgeBaseDescription\n                    }\n                    onChange={this.addKBPropertiesCallbackHandler}\n                    part=\"add-kb-checkbox\"\n                  ></gxg-form-checkbox>\n                  <gxg-form-checkbox\n                    label={this._componentLocale.main.exportAll}\n                    part=\"export-all-checkbox\"\n                    ref={el =>\n                      (this.exportAllCheckboxEl =\n                        el as HTMLGxgFormCheckboxElement)\n                    }\n                    onChange={this.exportAllChangedHandler}\n                  ></gxg-form-checkbox>\n                </div>\n              </div>\n            </header>\n\n            {/* main */}\n\n            <div\n              class={{\n                \"tree-container\": true,\n                \"tree-container--empty\":\n                  this.noObjects ||\n                  (!this.noObjects &&\n                    this.exportAllIsChecked &&\n                    !this.addKbPropertiesIsChecked)\n                // \"tree-container--export-all\": this.exportAllIsChecked\n              }}\n            >\n              {this.evaluateContentToDisplay()}\n            </div>\n\n            {/* footer */}\n            {/* clear 'button' */}\n            <gxg-text\n              type=\"button-like\"\n              part=\"export-button\"\n              slot=\"footer-start\"\n              onClick={this.clearButtonHandler}\n              disabled={this.clearButtonDisabledConditions()}\n            >\n              {this._componentLocale.footer.clearButton}\n            </gxg-text>\n            {/* references button */}\n            <gxg-button\n              onClick={this.addReferencesCallbackHandler}\n              type=\"outlined-text-icon\"\n              icon=\"general/references\"\n              part=\"export-button\"\n              class={{ \"cancel-btn\": true }}\n              disabled={this.exportAllIsChecked}\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.referencesButton}\n            </gxg-button>\n            {/* add button */}\n            <gxg-button\n              type=\"primary-text-icon\"\n              icon=\"menus/new-object\"\n              part=\"export-button\"\n              class={{ \"cancel-btn\": true }}\n              onClick={this.addObjectsCallbackHandler}\n              disabled={this.exportAllIsChecked}\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.addButton}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        {this.loader && false ? (\n          <gxg-ide-loader\n            cancelLabel={this._componentLocale.loader.cancelLabel}\n            container={this.el}\n            loaderTitle={this._componentLocale.loader.title}\n            ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n            cancelCallback={this.loaderCancelCallbackHandler}\n          ></gxg-ide-loader>\n        ) : null}\n      </Host>\n    );\n  }\n}\n\n/* Kb Property*/\nexport type KBPropertiesCallback = () => Promise<KBPropertyData[]>;\nexport type KBPropertyData = {\n  typeId: string;\n  id: string;\n  name: string;\n};\nexport type KBPropertyType = {\n  id: string;\n  icon: string;\n};\n\n/* Objects */\nexport type ObjectData = {\n  typeId: string;\n  id: string;\n  name: string;\n};\n\n/* Callbacks*/\nexport type ExportFileDirectoryCallback = () => Promise<string>;\n\nexport type OptionsCallback = () => Promise<void>;\n\nexport type AddObjectsCallback = () => Promise<ObjectData[]>;\n\nexport type ExportCallback = (\n  fileName: string,\n  checkedKbPropertiesIds: string[],\n  checkedObjectIds: string[]\n) => Promise<boolean>;\n\nexport type AddReferencesCallback = (\n  objectIds: string[]\n) => Promise<ObjectData[]>;\n\nexport type CancelCallback = () => Promise<boolean>;\n"],"version":3}