@genexus/genexus-ide-ui 0.0.121 → 0.0.122

package/dist/genexus-ide-ui/p-f19ec1c3.entry.js

@@ -0,0 +1,100 @@
+import { r as e, c as t, h as r, H as o, g as a } from "./p-48217969.js";
+
+import { c as i } from "./p-9c1b4eb9.js";
+
+import { L as s } from "./p-74d59062.js";
+
+const l = ":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-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0}:host{display:block}.options{max-width:50%;display:flex;flex-direction:column;gap:var(--gx-ide-form-items-gap)}.message-item{display:flex;align-items:start;gap:var(--mer-spacing--xs)}";
+
+const n = class {
+  constructor(r) {
+    e(this, r);
+    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+        this.cancelHandler = () => {
+      if (this.cancelCallback) {
+        this.cancelCallback();
+      }
+    };
+    this.saveCallbackHandler = () => {
+      if (this.saveCallback) {
+        const e = {
+          installClient: this.installGxFlowEl.checked,
+          futureUpgrades: this.futureUpgradesEl.value
+        };
+        this.saveCallback(e);
+      }
+    };
+    this.displayTitle = false;
+    this.configurationType = "installation";
+    this.saveCallback = undefined;
+    this.cancelCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return r(o, {
+      class: "gx-ide-component"
+    }, r("div", {
+      class: "gx-ide-main-wrapper"
+    }, r("gx-ide-container", {
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
+      slimmerFooter: i.gxIdeContainer.slimmerFooter
+    }, "gx-ide-top", r("div", {
+      class: "message-item"
+    }, r("gxg-icon", {
+      type: "gx-server/changes-commit-pending",
+      color: "auto",
+      size: "small"
+    }), r("gxg-text", null, this._componentLocale.description[this.configurationType])), r("div", {
+      class: "options"
+    }, r("gxg-form-checkbox", {
+      label: this._componentLocale.installGxFlow,
+      ref: e => this.installGxFlowEl = e
+    }), r("gxg-combo-box", {
+      class: "upgrades-options",
+      label: this._componentLocale.manageUpgrades,
+      disableFilter: true,
+      ref: e => this.futureUpgradesEl = e
+    }, r("gxg-combo-box-item", {
+      value: "automatic"
+    }, this._componentLocale.upgradesOptions[0]), r("gxg-combo-box-item", {
+      value: "prompt"
+    }, this._componentLocale.upgradesOptions[1]), r("gxg-combo-box-item", {
+      value: "never"
+    }, this._componentLocale.upgradesOptions[2]))), r("gxg-text", {
+      textAlign: "end",
+      type: "text-regular"
+    }, this._componentLocale.prompt[this.configurationType]), r("gxg-button", {
+      slot: "footer-end",
+      type: "outlined",
+      onClick: this.cancelHandler
+    }, "Cancel"), r("gxg-button", {
+      slot: "footer-end",
+      onClick: this.saveCallbackHandler
+    }, this._componentLocale.footer.confirmButton[this.configurationType]))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/wf-settings" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+n.style = l;
+
+export { n as gx_ide_wf_settings };
+//# sourceMappingURL=p-f19ec1c3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["wfSettingsCss","GxIdeWFSettings","this","renderedFirstTime","cancelHandler","cancelCallback","saveCallbackHandler","saveCallback","wfConfigData","installClient","installGxFlowEl","checked","futureUpgrades","futureUpgradesEl","value","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","type","color","size","description","configurationType","label","installGxFlow","ref","manageUpgrades","disableFilter","upgradesOptions","textAlign","prompt","slot","onClick","footer","confirmButton"],"sources":["src/components/wf-settings/wf-settings.scss?tag=gx-ide-wf-settings&encapsulation=shadow","src/components/wf-settings/wf-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n\n.options {\n  max-width: 50%;\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-form-items-gap);\n}\n.message-item {\n  display: flex;\n  align-items: start;\n  gap: var(--mer-spacing--xs);\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-wf-settings\",\n  styleUrl: \"wf-settings.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/wf-settings\"]\n})\nexport class GxIdeWFSettings {\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: HTMLGxIdeWfSettingsElement;\n  private installGxFlowEl!: HTMLGxgFormCheckboxElement;\n  private futureUpgradesEl!: 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   * The configuration type\n   */\n  @Prop() readonly configurationType: ConfigurationType = \"installation\";\n\n  /**\n   * Callback invoked when the user presses the 'OK' button. As a parameter, it receives the data entered by the user\n   */\n  @Prop() readonly saveCallback: (config: WFConfigData) => Promise<void>;\n\n  /**\n   * Callback invoked when the user presses the 'Cancel' button.\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private cancelHandler = () => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  private saveCallbackHandler = () => {\n    if (this.saveCallback) {\n      const wfConfigData: WFConfigData = {\n        installClient: this.installGxFlowEl.checked,\n        futureUpgrades: this.futureUpgradesEl.value\n      };\n      this.saveCallback(wfConfigData);\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            gx-ide-top\n            <div class=\"message-item\">\n              <gxg-icon\n                type=\"gx-server/changes-commit-pending\"\n                color=\"auto\"\n                size=\"small\"\n              ></gxg-icon>\n              <gxg-text>\n                {this._componentLocale.description[this.configurationType]}\n              </gxg-text>\n            </div>\n            <div class=\"options\">\n              <gxg-form-checkbox\n                label={this._componentLocale.installGxFlow}\n                ref={el =>\n                  (this.installGxFlowEl = el as HTMLGxgFormCheckboxElement)\n                }\n              ></gxg-form-checkbox>\n              <gxg-combo-box\n                class=\"upgrades-options\"\n                label={this._componentLocale.manageUpgrades}\n                disableFilter\n                ref={el =>\n                  (this.futureUpgradesEl = el as HTMLGxgComboBoxElement)\n                }\n              >\n                <gxg-combo-box-item value=\"automatic\">\n                  {this._componentLocale.upgradesOptions[0]}\n                </gxg-combo-box-item>\n                <gxg-combo-box-item value=\"prompt\">\n                  {this._componentLocale.upgradesOptions[1]}\n                </gxg-combo-box-item>\n                <gxg-combo-box-item value=\"never\">\n                  {this._componentLocale.upgradesOptions[2]}\n                </gxg-combo-box-item>\n              </gxg-combo-box>\n            </div>\n            <gxg-text textAlign=\"end\" type=\"text-regular\">\n              {this._componentLocale.prompt[this.configurationType]}\n            </gxg-text>\n            <gxg-button\n              slot=\"footer-end\"\n              type=\"outlined\"\n              onClick={this.cancelHandler}\n            >\n              Cancel\n            </gxg-button>\n            <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n              {\n                this._componentLocale.footer.confirmButton[\n                  this.configurationType\n                ]\n              }\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type WFConfigData = {\n  installClient: boolean;\n  futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type ConfigurationType = \"installation\" | \"update\";\n\nexport type saveCallback = (config: WFConfigData) => Promise<void>;\n"],"mappings":";;;;;;AAAA,MAAMA,IAAgB;;MCqBTC,IAAe;;;;IAOlBC,KAAAC,oBAAoB;;;;QA4DpBD,KAAAE,gBAAgB;MACtB,IAAIF,KAAKG,gBAAgB;QACvBH,KAAKG;;;IAIDH,KAAAI,sBAAsB;MAC5B,IAAIJ,KAAKK,cAAc;QACrB,MAAMC,IAA6B;UACjCC,eAAeP,KAAKQ,gBAAgBC;UACpCC,gBAAgBV,KAAKW,iBAAiBC;;QAExCZ,KAAKK,aAAaC;;;wBAzDU;6BAKwB;;;;;EAqBxD,uBAAMO;IACJb,KAAKc,yBAAyBC,EAAOC,oBAAoBhB,KAAKiB;;EAGhE,kBAAAC;IACE,KAAKlB,KAAKC,mBAAmB;MAC3BD,KAAKmB,4BAA4BC,KAC/BpB,KAAKc,iBAAiBO;MAExBrB,KAAKC,oBAAoB;;;;EA4B7B,MAAAqB;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACE1B,KAAK2B,eAAe3B,KAAKc,iBAAiBO,gBAAgB;MAE5DO,eAAeC,EAAOC,eAAeF;OAAa,cAGlDL,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEQ,MAAK;MACLC,OAAM;MACNC,MAAK;QAEPV,EAAA,kBACGvB,KAAKc,iBAAiBoB,YAAYlC,KAAKmC,sBAG5CZ,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEa,OAAOpC,KAAKc,iBAAiBuB;MAC7BC,KAAKrB,KACFjB,KAAKQ,kBAAkBS;QAG5BM,EAAA;MACEE,OAAM;MACNW,OAAOpC,KAAKc,iBAAiByB;MAC7BC,eAAa;MACbF,KAAKrB,KACFjB,KAAKW,mBAAmBM;OAG3BM,EAAA;MAAoBX,OAAM;OACvBZ,KAAKc,iBAAiB2B,gBAAgB,KAEzClB,EAAA;MAAoBX,OAAM;OACvBZ,KAAKc,iBAAiB2B,gBAAgB,KAEzClB,EAAA;MAAoBX,OAAM;OACvBZ,KAAKc,iBAAiB2B,gBAAgB,OAI7ClB,EAAA;MAAUmB,WAAU;MAAMX,MAAK;OAC5B/B,KAAKc,iBAAiB6B,OAAO3C,KAAKmC,qBAErCZ,EAAA;MACEqB,MAAK;MACLb,MAAK;MACLc,SAAS7C,KAAKE;OAAa,WAI7BqB,EAAA;MAAYqB,MAAK;MAAaC,SAAS7C,KAAKI;OAExCJ,KAAKc,iBAAiBgC,OAAOC,cAC3B/C,KAAKmC"}

package/dist/types/components/wf-settings/wf-settings.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class GxIdeWFSettings {
+    /**
+     * The component hard-coded strings translations.
+     */
+    private _componentLocale;
+    private renderedFirstTime;
+    el: HTMLGxIdeWfSettingsElement;
+    private installGxFlowEl;
+    private futureUpgradesEl;
+    /**
+     * If true it displays the component title on the header
+     */
+    readonly displayTitle = false;
+    /**
+     * The configuration type
+     */
+    readonly configurationType: ConfigurationType;
+    /**
+     * Callback invoked when the user presses the 'OK' button. As a parameter, it receives the data entered by the user
+     */
+    readonly saveCallback: (config: WFConfigData) => Promise<void>;
+    /**
+     * Callback invoked when the user presses the 'Cancel' button.
+     */
+    readonly cancelCallback: () => Promise<void>;
+    /**
+     * @description Gets fired when the component has rendered for the first time.
+     */
+    componentDidRenderFirstTime: EventEmitter<string>;
+    componentWillLoad(): Promise<void>;
+    componentDidRender(): void;
+    private cancelHandler;
+    private saveCallbackHandler;
+    render(): any;
+}
+export type WFConfigData = {
+    installClient: boolean;
+    futureUpgrades: "never" | "prompt" | "automatic";
+};
+export type ConfigurationType = "installation" | "update";
+export type saveCallback = (config: WFConfigData) => Promise<void>;

package/dist/types/components.d.ts

@@ -46,6 +46,7 @@ import { ConfirmCallback as ConfirmCallback5, GridContextMenuCallback, LoadCallb
 import { AddCallback, CancelCallback as CancelCallback12, ConfirmCallback as ConfirmCallback6, ObjectData as ObjectData1 } from "./components/team-dev/update-partial-selection/update-partial-selection";
 import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev/update-to-revision/update-to-revision";
 import { TitleAlignment as TitleAlignment1, TitleType as TitleType1 } from "./components/_helpers/title/title";
+import { ConfigurationType, WFConfigData } from "./components/wf-settings/wf-settings";
 import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback5, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback3 } from "./components/ww-images/ww-images";
 export { AiStatus, Message, UserMessageCallback } from "./components/ai-assistant/ai-assistant";
 export { MessageType } from "./components/ai-assistant/ai-assistant";
@@ -88,6 +89,7 @@ export { ConfirmCallback as ConfirmCallback5, GridContextMenuCallback, LoadCallb
 export { AddCallback, CancelCallback as CancelCallback12, ConfirmCallback as ConfirmCallback6, ObjectData as ObjectData1 } from "./components/team-dev/update-partial-selection/update-partial-selection";
 export { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev/update-to-revision/update-to-revision";
 export { TitleAlignment as TitleAlignment1, TitleType as TitleType1 } from "./components/_helpers/title/title";
+export { ConfigurationType, WFConfigData } from "./components/wf-settings/wf-settings";
 export { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback5, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback3 } from "./components/ww-images/ww-images";
 export namespace Components {
     interface GxIdeAiAssistant {
@@ -1574,6 +1576,24 @@ export namespace Components {
          */
         "topBarTitle": string;
     }
+    interface GxIdeWfSettings {
+        /**
+          * Callback invoked when the user presses the 'Cancel' button.
+         */
+        "cancelCallback": () => Promise<void>;
+        /**
+          * The configuration type
+         */
+        "configurationType": ConfigurationType;
+        /**
+          * If true it displays the component title on the header
+         */
+        "displayTitle": false;
+        /**
+          * Callback invoked when the user presses the 'OK' button. As a parameter, it receives the data entered by the user
+         */
+        "saveCallback": (config: WFConfigData) => Promise<void>;
+    }
     interface GxIdeWwImages {
         /**
           * The categories render in the filter category selector
@@ -1789,6 +1809,10 @@ export interface GxIdeTemplateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeTemplateElement;
 }
+export interface GxIdeWfSettingsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeWfSettingsElement;
+}
 export interface GxIdeWwImagesCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeWwImagesElement;
@@ -2383,6 +2407,23 @@ declare global {
         prototype: HTMLGxIdeTopBarElement;
         new (): HTMLGxIdeTopBarElement;
     };
+    interface HTMLGxIdeWfSettingsElementEventMap {
+        "componentDidRenderFirstTime": string;
+    }
+    interface HTMLGxIdeWfSettingsElement extends Components.GxIdeWfSettings, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGxIdeWfSettingsElementEventMap>(type: K, listener: (this: HTMLGxIdeWfSettingsElement, ev: GxIdeWfSettingsCustomEvent<HTMLGxIdeWfSettingsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGxIdeWfSettingsElementEventMap>(type: K, listener: (this: HTMLGxIdeWfSettingsElement, ev: GxIdeWfSettingsCustomEvent<HTMLGxIdeWfSettingsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLGxIdeWfSettingsElement: {
+        prototype: HTMLGxIdeWfSettingsElement;
+        new (): HTMLGxIdeWfSettingsElement;
+    };
     interface HTMLGxIdeWwImagesElementEventMap {
         "componentDidLoadEvent": boolean;
         "componentDidRenderFirstTime": string;
@@ -2443,6 +2484,7 @@ declare global {
         "gx-ide-test": HTMLGxIdeTestElement;
         "gx-ide-title": HTMLGxIdeTitleElement;
         "gx-ide-top-bar": HTMLGxIdeTopBarElement;
+        "gx-ide-wf-settings": HTMLGxIdeWfSettingsElement;
         "gx-ide-ww-images": HTMLGxIdeWwImagesElement;
     }
 }
@@ -4039,6 +4081,28 @@ declare namespace LocalJSX {
          */
         "topBarTitle"?: string;
     }
+    interface GxIdeWfSettings {
+        /**
+          * Callback invoked when the user presses the 'Cancel' button.
+         */
+        "cancelCallback"?: () => Promise<void>;
+        /**
+          * The configuration type
+         */
+        "configurationType"?: ConfigurationType;
+        /**
+          * If true it displays the component title on the header
+         */
+        "displayTitle"?: false;
+        /**
+          * @description Gets fired when the component has rendered for the first time.
+         */
+        "onComponentDidRenderFirstTime"?: (event: GxIdeWfSettingsCustomEvent<string>) => void;
+        /**
+          * Callback invoked when the user presses the 'OK' button. As a parameter, it receives the data entered by the user
+         */
+        "saveCallback"?: (config: WFConfigData) => Promise<void>;
+    }
     interface GxIdeWwImages {
         /**
           * The categories render in the filter category selector
@@ -4175,6 +4239,7 @@ declare namespace LocalJSX {
         "gx-ide-test": GxIdeTest;
         "gx-ide-title": GxIdeTitle;
         "gx-ide-top-bar": GxIdeTopBar;
+        "gx-ide-wf-settings": GxIdeWfSettings;
         "gx-ide-ww-images": GxIdeWwImages;
     }
 }
@@ -4223,6 +4288,7 @@ declare module "@stencil/core" {
             "gx-ide-test": LocalJSX.GxIdeTest & JSXBase.HTMLAttributes<HTMLGxIdeTestElement>;
             "gx-ide-title": LocalJSX.GxIdeTitle & JSXBase.HTMLAttributes<HTMLGxIdeTitleElement>;
             "gx-ide-top-bar": LocalJSX.GxIdeTopBar & JSXBase.HTMLAttributes<HTMLGxIdeTopBarElement>;
+            "gx-ide-wf-settings": LocalJSX.GxIdeWfSettings & JSXBase.HTMLAttributes<HTMLGxIdeWfSettingsElement>;
             "gx-ide-ww-images": LocalJSX.GxIdeWwImages & JSXBase.HTMLAttributes<HTMLGxIdeWwImagesElement>;
         }
     }

package/package.json

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