@genexus/genexus-ide-ui 2.1.1 → 2.1.3

package/dist/genexus-ide-ui/{p-24cf1cd2.entry.js → p-4bafe061.entry.js}

@@ -1,6 +1,6 @@
-import { r as t, c as e, g as i, h as s, H as o, a as n } from "./p-9b9ccd0c.js";
+import { r as t, c as e, g as i, h as s, H as o, a as r } from "./p-9b9ccd0c.js";
 
-import { L as a } from "./p-311eedf3.js";
+import { L as n } from "./p-311eedf3.js";
 
 const stringIsNumber = t => {
   let e = false;
@@ -8,15 +8,15 @@ const stringIsNumber = t => {
   return e;
 };
 
-const r = ':host{display:grid;overflow:auto;grid-template-areas:"radio-group revision-number" "footer footer";grid-template-columns:max-content minmax(200px, 1fr);grid-template-rows:max-content max-content}.main{display:contents}.radio-group{grid-area:radio-group}.revision-number{grid-area:revision-number}.footer{grid-area:footer}';
+const a = 'button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;overflow:auto;grid-template-areas:"radio-group revision-number" "footer footer";grid-template-columns:max-content minmax(200px, 1fr);grid-template-rows:max-content max-content}.main{display:contents}.radio-group{grid-area:radio-group}.revision-number{grid-area:revision-number}.footer{grid-area:footer}';
 
-var h = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
+var d = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
   if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
   if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
 };
 
-var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, o) {
+var h = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, o) {
   if (s === "m") throw new TypeError("Private method is not writable");
   if (s === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
   if (typeof e === "function" ? t !== e || !o : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
@@ -54,8 +54,8 @@ const E = class {
     }));
     g.set(this, (() => {
       let t = undefined;
-      if (h(this, m, "f").value === T) {
-        t = h(this, w, "f").value;
+      if (d(this, m, "f").value === T) {
+        t = d(this, w, "f").value;
       }
       this.confirmCallback(t);
     }));
@@ -63,14 +63,14 @@ const E = class {
       this.isValid = stringIsNumber(t.detail);
     }));
     y.set(this, (t => {
-      h(this, w, "f").disabled = t.detail !== T;
+      d(this, w, "f").disabled = t.detail !== T;
       this.isValid = true;
       if (t.detail === x) {
         this.isValid = true;
-      } else if (t.detail === T && !stringIsNumber(h(this, w, "f").value)) {
+      } else if (t.detail === T && !stringIsNumber(d(this, w, "f").value)) {
         this.isValid = false;
         setTimeout((() => {
-          h(this, w, "f").focus();
+          d(this, w, "f").focus();
         }), 2e3);
       }
     }));
@@ -80,23 +80,23 @@ const E = class {
       class: "buttons-spacer"
     }, s("button", {
       class: "button-secondary",
-      onClick: h(this, v, "f"),
+      onClick: d(this, v, "f"),
       part: "button-cancel"
-    }, h(this, f, "f").footer.btnCancel), s("button", {
+    }, d(this, f, "f").footer.btnCancel), s("button", {
       class: "button-primary",
-      onClick: h(this, g, "f"),
+      onClick: d(this, g, "f"),
       part: "button-update",
       disabled: !this.isValid
-    }, h(this, f, "f").footer.btnUpdate)))));
+    }, d(this, f, "f").footer.btnUpdate)))));
     W.set(this, (() => {
       if (this.currentRevision === undefined) {
-        h(this, m, "f").value = x;
+        d(this, m, "f").value = x;
         this.isValid = true;
-        h(this, w, "f").disabled = true;
+        d(this, w, "f").disabled = true;
       } else {
-        h(this, w, "f").disabled = false;
-        h(this, w, "f").value = this.currentRevision;
-        h(this, m, "f").value = T;
+        d(this, w, "f").disabled = false;
+        d(this, w, "f").value = this.currentRevision;
+        d(this, m, "f").value = T;
       }
     }));
     this.isValid = undefined;
@@ -106,18 +106,18 @@ const E = class {
   }
   componentDidLoad() {
     this.componentDidLoadEvent.emit(true);
-    h(this, W, "f").call(this);
+    d(this, W, "f").call(this);
   }
   componentDidRender() {
-    if (!h(this, p, "f")) {
-      this.componentDidRenderFirstTime.emit(h(this, f, "f").componentName);
-      d(this, p, true, "f");
+    if (!d(this, p, "f")) {
+      this.componentDidRenderFirstTime.emit(d(this, f, "f").componentName);
+      h(this, p, true, "f");
     }
-    h(this, u, "f").find((t => t.value === x)).caption = h(this, f, "f").options.updateToLatest;
-    h(this, u, "f").find((t => t.value === T)).caption = h(this, f, "f").options.updateToRevision;
+    d(this, u, "f").find((t => t.value === x)).caption = d(this, f, "f").options.updateToLatest;
+    d(this, u, "f").find((t => t.value === T)).caption = d(this, f, "f").options.updateToRevision;
   }
   async componentWillLoad() {
-    d(this, f, await a.getComponentStrings(this.el), "f");
+    h(this, f, await n.getComponentStrings(this.el), "f");
     this.isValid = true;
   }
   /**
@@ -130,9 +130,9 @@ const E = class {
      * Suspends or reactivates the shortcuts
      */  async suspendShortcuts(t) {
     if (t) {
-      h(this, c, "f").suspend = true;
+      d(this, c, "f").suspend = true;
     } else {
-      h(this, c, "f").suspend = false;
+      d(this, c, "f").suspend = false;
     }
   }
   render() {
@@ -141,30 +141,30 @@ const E = class {
     }, s("ch-theme", {
       model: M
     }), s("ch-shortcuts", {
-      src: h(this, l, "f"),
-      ref: t => d(this, c, t, "f")
+      src: d(this, l, "f"),
+      ref: t => h(this, c, t, "f")
     }), s("section", {
       class: "main"
     }, s("ch-radio-group-render", {
       class: "radio-group",
-      model: h(this, u, "f"),
+      model: d(this, u, "f"),
       direction: "horizontal",
-      onChange: h(this, y, "f"),
+      onChange: d(this, y, "f"),
       ref: t => {
-        d(this, m, t, "f");
+        h(this, m, t, "f");
       }
     }), s("ch-edit", {
       autoFocus: true,
       class: "input revision-number",
-      onInput: h(this, b, "f"),
-      ref: t => d(this, w, t, "f")
-    }), h(this, k, "f").call(this)));
+      onInput: d(this, b, "f"),
+      ref: t => h(this, w, t, "f")
+    }), d(this, k, "f").call(this)));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/team-dev-update-to-revision" ];
   }
   get el() {
-    return n(this);
+    return r(this);
   }
 };
 
@@ -172,7 +172,7 @@ f = new WeakMap, c = new WeakMap, u = new WeakMap, p = new WeakMap, l = new Weak
 m = new WeakMap, w = new WeakMap, v = new WeakMap, g = new WeakMap, b = new WeakMap, 
 y = new WeakMap, k = new WeakMap, W = new WeakMap;
 
-E.style = r;
+E.style = a;
 
 export { E as gx_ide_team_dev_update_to_revision };
-//# sourceMappingURL=p-24cf1cd2.entry.js.map
+//# sourceMappingURL=p-4bafe061.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stringIsNumber","stringToCheck","isNumber","isNaN","toString","length","updateToRevisionCss","CSS_BUNDLES","RD_BTN_LATEST_REVISION_VALUE","RD_BTN_UPDATE_TO_REVISION_VALUE","GxIdeTeamDevUpdateToRevision","_GxIdeTeamDevUpdateToRevision__componentLocale","set","this","_GxIdeTeamDevUpdateToRevision_chShortcutsEl","_GxIdeTeamDevUpdateToRevision_radioGroupOptions","value","caption","_GxIdeTeamDevUpdateToRevision_renderedFirstTime","_GxIdeTeamDevUpdateToRevision_shortcutsSrc","getAssetPath","_GxIdeTeamDevUpdateToRevision_radioGroupEl","_GxIdeTeamDevUpdateToRevision_revisionNumberEl","_GxIdeTeamDevUpdateToRevision_cancel","cancelCallback","_GxIdeTeamDevUpdateToRevision_confirm","revision","undefined","__classPrivateFieldGet","confirmCallback","_GxIdeTeamDevUpdateToRevision_inputChangeHandler","event","isValid","detail","_GxIdeTeamDevUpdateToRevision_radioGroupChangeHandler","disabled","setTimeout","focus","_GxIdeTeamDevUpdateToRevision_renderFooter","h","class","onClick","part","footer","btnCancel","btnUpdate","_GxIdeTeamDevUpdateToRevision_setInitialCheckedRadio","currentRevision","componentDidLoad","componentDidLoadEvent","emit","call","componentDidRender","componentDidRenderFirstTime","componentName","__classPrivateFieldSet","find","rg","options","updateToLatest","updateToRevision","componentWillLoad","Locale","getComponentStrings","el","validate","suspendShortcuts","suspend","render","Host","model","src","ref","direction","onChange","autoFocus","onInput"],"sources":["src/components/team-dev/update-to-revision/helpers.ts","src/components/team-dev/update-to-revision/update-to-revision.scss?tag=gx-ide-team-dev-update-to-revision&encapsulation=shadow","src/components/team-dev/update-to-revision/update-to-revision.tsx"],"sourcesContent":["export const stringIsNumber = (stringToCheck: string | number): boolean => {\n  let isNumber = false;\n  isNumber = !isNaN(+stringToCheck) && stringToCheck.toString().length !== 0;\n  return isNumber;\n};\n","@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  overflow: auto;\n  grid-template-areas:\n    \"radio-group revision-number\"\n    \"footer footer\";\n  grid-template-columns: max-content minmax(200px, 1fr);\n  grid-template-rows: max-content max-content;\n}\n\n.main {\n  display: contents;\n}\n\n.radio-group {\n  grid-area: radio-group;\n}\n.revision-number {\n  grid-area: revision-number;\n}\n.footer {\n  grid-area: footer;\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  getAssetPath,\n  State\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { Locale } from \"../../../common/locale\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { stringIsNumber } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\",\n  \"components/radio-group\",\n  \"components/button\",\n  \"components/edit\"\n];\n\nconst RD_BTN_LATEST_REVISION_VALUE = \"latestRevision\";\nconst RD_BTN_UPDATE_TO_REVISION_VALUE = \"updateToRevision\";\n\n@Component({\n  tag: \"gx-ide-team-dev-update-to-revision\",\n  styleUrl: \"update-to-revision.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update-to-revision\"]\n})\nexport class GxIdeTeamDevUpdateToRevision {\n  #_componentLocale: any;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #radioGroupOptions: RadioGroupItemModel[] = [\n    { value: RD_BTN_LATEST_REVISION_VALUE, caption: \"\" },\n    { value: RD_BTN_UPDATE_TO_REVISION_VALUE, caption: \"\" }\n  ];\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/team-dev-update-to-revision/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeTeamDevUpdateToRevisionElement;\n\n  #radioGroupEl!: HTMLChRadioGroupRenderElement;\n  #revisionNumberEl!: HTMLChEditElement;\n\n  /**\n   * To check if the status of the information is valid\n   */\n  @State() isValid: boolean;\n\n  /**\n   * This is a function provided by the developer for execute when cancel button is pressed.\n   */\n  @Prop() readonly cancelCallback!: cancelCallbackFn;\n\n  /**\n   * This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid\n   */\n  @Prop() readonly confirmCallback!: confirmCallbackFn;\n\n  /**\n   * Set an initial value for the review\n   */\n  @Prop() readonly currentRevision: string | undefined;\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   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.componentDidLoadEvent.emit(true);\n    this.#setInitialCheckedRadio();\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n\n    this.#radioGroupOptions.find(\n      rg => rg.value === RD_BTN_LATEST_REVISION_VALUE\n    ).caption = this.#_componentLocale.options.updateToLatest;\n\n    this.#radioGroupOptions.find(\n      rg => rg.value === RD_BTN_UPDATE_TO_REVISION_VALUE\n    ).caption = this.#_componentLocale.options.updateToRevision;\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.isValid = true;\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #cancel = (): void => {\n    this.cancelCallback();\n  };\n\n  #confirm = (): void => {\n    let revision = undefined;\n    if (this.#radioGroupEl.value === RD_BTN_UPDATE_TO_REVISION_VALUE) {\n      revision = this.#revisionNumberEl.value;\n    }\n    this.confirmCallback(revision);\n  };\n\n  #inputChangeHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.isValid = stringIsNumber(event.detail);\n  };\n\n  #radioGroupChangeHandler = (event: CustomEvent<string>) => {\n    this.#revisionNumberEl.disabled =\n      event.detail !== RD_BTN_UPDATE_TO_REVISION_VALUE;\n    this.isValid = true;\n    if (event.detail === RD_BTN_LATEST_REVISION_VALUE) {\n      this.isValid = true;\n    } else if (\n      event.detail === RD_BTN_UPDATE_TO_REVISION_VALUE &&\n      !stringIsNumber(this.#revisionNumberEl.value)\n    ) {\n      this.isValid = false;\n      setTimeout(() => {\n        this.#revisionNumberEl.focus();\n      }, 2000);\n    }\n  };\n\n  #renderFooter = (): Element => {\n    return (\n      <footer class=\"footer dialog-footer spacing-body-block-start\">\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary\"\n            onClick={this.#cancel}\n            part=\"button-cancel\"\n          >\n            {this.#_componentLocale.footer.btnCancel}\n          </button>\n\n          <button\n            class=\"button-primary\"\n            onClick={this.#confirm}\n            part=\"button-update\"\n            disabled={!this.isValid}\n          >\n            {this.#_componentLocale.footer.btnUpdate}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #setInitialCheckedRadio = () => {\n    if (this.currentRevision === undefined) {\n      this.#radioGroupEl.value = RD_BTN_LATEST_REVISION_VALUE;\n      this.isValid = true;\n      this.#revisionNumberEl.disabled = true;\n    } else {\n      this.#revisionNumberEl.disabled = false;\n      this.#revisionNumberEl.value = this.currentRevision;\n      this.#radioGroupEl.value = RD_BTN_UPDATE_TO_REVISION_VALUE;\n    }\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget scrollable field-group spacing-body\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"main\">\n          <ch-radio-group-render\n            class=\"radio-group\"\n            model={this.#radioGroupOptions}\n            direction=\"horizontal\"\n            onChange={this.#radioGroupChangeHandler}\n            ref={(el: HTMLChRadioGroupRenderElement) => {\n              this.#radioGroupEl = el as HTMLChRadioGroupRenderElement;\n            }}\n          ></ch-radio-group-render>\n\n          <ch-edit\n            autoFocus\n            class=\"input revision-number\"\n            onInput={this.#inputChangeHandler}\n            ref={(el: HTMLChEditElement) =>\n              (this.#revisionNumberEl = el as HTMLChEditElement)\n            }\n          ></ch-edit>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type cancelCallbackFn = () => Promise<void>;\nexport type confirmCallbackFn = (revision: string | undefined) => Promise<void>;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-e4116b36.entry.js → p-4d7433e0.entry.js}

@@ -14,7 +14,7 @@ import { L as r } from "./p-311eedf3.js";
 
 import { c as l } from "./p-c5196b3b.js";
 
-const c = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content;overflow:auto}.section{display:contents}.header{display:grid;grid-template-columns:1fr max-content}.data-mapping-grid-container,.data-mapping-grid-container .field{overflow:auto;block-size:100%}.tabular-grid-application-declaration{overflow:auto}ch-tabular-grid.empty-result::part(main){overflow:hidden}.pill-tag{min-inline-size:40px;margin-inline-end:8px;padding-block:1px;padding-inline:4px;border-radius:2px;text-align:center;font-size:var(--font-size-body-xs)}.tabular-grid-application-declaration ch-tabular-grid-cell:is(:nth-child(2)){--control-border-width:0;--control-border-color:transparent;--control-border-radius:0;padding-block:0;padding-inline:0;--control-padding-inline:var(--spacing-padding-l);--control-padding-block:6.5px;display:grid;align-items:stretch;justify-content:stretch;min-inline-size:0}.tabular-grid-application-declaration ch-tabular-grid-cell:is(:nth-child(2)):hover{outline:1px solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2) * -1)}.tabular-grid-cell:nth-child(2){padding:0 !important;display:grid;align-items:stretch;justify-content:stretch;--ds-focus-border-width:none}.tabular-grid-cell:nth-child(3){padding:0 !important;align-items:center !important;justify-content:center !important}.tabular-grid{overflow:auto}";
+const c = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content;overflow:auto}.section{display:contents}.header{display:grid;grid-template-columns:1fr max-content}.data-mapping-grid-container,.data-mapping-grid-container .field{overflow:auto;block-size:100%}.tabular-grid-application-declaration{overflow:auto}ch-tabular-grid.empty-result::part(main){overflow:hidden}.pill-tag{min-inline-size:40px;margin-inline-end:8px;padding-block:1px;padding-inline:4px;border-radius:2px;text-align:center;font-size:var(--font-size-body-xs)}.tabular-grid-application-declaration ch-tabular-grid-cell:is(:nth-child(2)){--control-border-width:0;--control-border-color:transparent;--control-border-radius:0;padding-block:0;padding-inline:0;--control-padding-inline:var(--spacing-padding-l);--control-padding-block:6.5px;display:grid;align-items:stretch;justify-content:stretch;min-inline-size:0}.tabular-grid-application-declaration ch-tabular-grid-cell:is(:nth-child(2)):hover{outline:1px solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2) * -1)}.tabular-grid-cell:nth-child(2){padding:0 !important;display:grid;align-items:stretch;justify-content:stretch;--ds-focus-border-width:none}.tabular-grid-cell:nth-child(3){padding:0 !important;align-items:center !important;justify-content:center !important}.tabular-grid{overflow:auto}";
 
 var d = undefined && undefined.__classPrivateFieldGet || function(t, i, a, e) {
   if (a === "a" && !e) throw new TypeError("Private accessor was defined without a getter");
@@ -314,4 +314,4 @@ _ = new WeakMap, C = new WeakMap, T = new WeakMap;
 A.style = c;
 
 export { A as gx_ide_bpm_app_declaration };
-//# sourceMappingURL=p-e4116b36.entry.js.map
+//# sourceMappingURL=p-4d7433e0.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["bpmAppDeclarationCss","CSS_BUNDLES","ADD_ICON","getIconPath","category","name","colorType","FILTER_ICON","MORE_ICON","SUGGEST_OPTIONS","alreadyProcessed","autoExpand","hideMatchesAndShowNonMatches","highlightMatchedItems","matchCase","regularExpression","strict","renderActiveItemIconOnExpand","GxIdeBpmAppDeclaration","_GxIdeBpmAppDeclaration_componentLocale","set","this","_GxIdeBpmAppDeclaration_animateEmptyState","_GxIdeBpmAppDeclaration_shortcutsSrc","getAssetPath","_GxIdeBpmAppDeclaration_ACCESS_CAPTION_MAP","in","undefined","out","inout","_GxIdeBpmAppDeclaration_setAccessCaptions","__classPrivateFieldGet","dataMappings","access","_GxIdeBpmAppDeclaration_applicationInputChangedHandler","async","event","selectedApplicationName","detail","application","mappings","getDataMappingCallback","_GxIdeBpmAppDeclaration_cancelCallbackHandler","cancelCallback","_GxIdeBpmAppDeclaration_clearApplicationHandler","typeIcon","_GxIdeBpmAppDeclaration_confirmCallbackHandler","confirmCallback","_GxIdeBpmAppDeclaration_mapRelevantDataOptionsToComboBoxModel","relevantDataOptions","map","optionName","caption","value","_GxIdeBpmAppDeclaration_mapSuggestedApplicationsToComboBoxModel","suggestedApplicationsNames","applicationName","_GxIdeBpmAppDeclaration_relevantDataInputHandler","mappingIndex","inputValue","relevantData","_GxIdeBpmAppDeclaration_selectApplicationCallbackHandler","applicationDeclarationData","selectApplicationCallback","_GxIdeBpmAppDeclaration_setApplicationData","call","_GxIdeBpmAppDeclaration_selectMappingCallbackHandler","parameter","returnedRelevantData","selectMappingCallback","currentRelevantDataOptions","indexOfReturnedRelevantData","indexOf","push","_GxIdeBpmAppDeclaration_updateApplicationData","applicationData","applicationComboBoxModel","startImgSrc","_GxIdeBpmAppDeclaration_suggestInputHandler","suggestedApplicationNames","suggestApplicationsCallback","Object","assign","_GxIdeBpmAppDeclaration_renderDataMappingsGrid","applicationDataToDisplay","length","__classPrivateFieldSet","h","class","title","scrollable","part","columnName","_a","firstColName","firstColNameParameter","settingable","sortable","size","config","tabularGrid","colSize","common","secondColName","auto","obj","index","rowId","key","model","onInput","onClick","buttons","selectMapping","src","isAnimated","stateIconSrc","stateTitle","emptyState","stateDescription","description","componentWillLoad","Locale","getComponentStrings","el","render","Host","slot","suggestDebounce","inputDebounce","suggest","suggestOptions","onChange","selectApplication","cancelButton","confirmButton"],"sources":["src/components/bpm/application-declaration/bpm-app-declaration.scss?tag=gx-ide-bpm-app-declaration&encapsulation=shadow","src/components/bpm/application-declaration/bpm-app-declaration.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n}\n\n.data-mapping-grid-container,\n.data-mapping-grid-container .field {\n  overflow: auto;\n  block-size: 100%;\n}\n\n.tabular-grid-application-declaration {\n  overflow: auto;\n}\nch-tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\n.pill-tag {\n  // base styles for this class defined on \"gx-ide-common.scss\"\n  min-inline-size: 40px;\n  margin-inline-end: 8px;\n  padding-block: 1px;\n  padding-inline: 4px;\n  border-radius: 2px;\n  text-align: center;\n  font-size: var(--font-size-body-xs);\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-application-declaration\",\n  $tabular-grid-cell-node-type: \"element\",\n  $tabular-grid-affected-columns-nth-list: (\n    2\n  )\n);\n\n// WA\n.tabular-grid-cell:nth-child(2) {\n  padding: 0 !important;\n  display: grid;\n  align-items: stretch;\n  justify-content: stretch;\n  --ds-focus-border-width: none;\n}\n.tabular-grid-cell:nth-child(3) {\n  padding: 0 !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n.tabular-grid {\n  overflow: auto;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/combo-box\",\n  \"components/icon\",\n  \"components/tabular-grid\",\n  \"utils/elevation\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\"\n];\n\nconst ADD_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"interactive\"\n});\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-surface\"\n});\nconst MORE_ICON = getIconPath({\n  category: \"system\",\n  name: \"more-horizontal\",\n  colorType: \"primary\"\n});\n\nconst SUGGEST_OPTIONS = {\n  alreadyProcessed: true,\n  autoExpand: false,\n  hideMatchesAndShowNonMatches: false,\n  highlightMatchedItems: false,\n  matchCase: false,\n  regularExpression: false,\n  strict: false,\n  renderActiveItemIconOnExpand: true\n};\n\n@Component({\n  tag: \"gx-ide-bpm-app-declaration\",\n  styleUrl: \"bpm-app-declaration.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-app-declaration\"]\n})\nexport class GxIdeBpmAppDeclaration {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  #animateEmptyState = true;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/bpm-app-declaration/shortcuts.json`\n  );\n\n  #ACCESS_CAPTION_MAP: Record<DataMappingAccess, string> = {\n    // To be defined on componentWillLoad\n    in: undefined,\n    out: undefined,\n    inout: undefined\n  };\n\n  @Element() el: HTMLGxIdeBpmAppDeclarationElement;\n\n  /**\n   * The application ComoBoxModel. When the component renders for the first time, it is required\n   * to display the application typeIcon. Later, it is required to display the suggested application\n   * options with the combo suggest.\n   */\n  @State() applicationComboBoxModel: ComboBoxModel = [];\n\n  /**\n   * Current value of the application declaration. Keep in mind that this property will be used by\n   * the host to initialize the component, meaning it will assign the current declaration value.\n   */\n  @Prop({ mutable: true }) application: ApplicationDeclarationData;\n\n  /**\n   * Callback invoked when user cancels application declaration\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when user confirms application declaration\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * Callback invoked when user select one of the options provided by the suggest\n   */\n  @Prop() readonly getDataMappingCallback: GetDataMappingCallback;\n\n  /**\n   * Callback invoked to get access to selection application dialog\n   */\n  @Prop() readonly selectApplicationCallback: SelectApplicationCallback;\n\n  /**\n   * Callback invoked when user press mapping auto-def button\n   */\n  @Prop() readonly selectMappingCallback: SelectMappingCallback;\n\n  /**\n   * Callback invoked to get options for application input suggest\n   */\n  @Prop() readonly suggestApplicationsCallback: SuggestApplicationsCallback;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#setApplicationData(this.application.application);\n    if (this.application.mappings.length === 0) {\n      this.#animateEmptyState = false;\n    }\n    this.#setAccessCaptions();\n  }\n\n  #setAccessCaptions = () => {\n    this.#ACCESS_CAPTION_MAP.in = this.#componentLocale.dataMappings.access.in;\n    this.#ACCESS_CAPTION_MAP.out =\n      this.#componentLocale.dataMappings.access.out;\n    this.#ACCESS_CAPTION_MAP.inout =\n      this.#componentLocale.dataMappings.access.inout;\n  };\n\n  #applicationInputChangedHandler = async (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    const selectedApplicationName = event.detail as string;\n    this.application.mappings = await this.getDataMappingCallback(\n      selectedApplicationName\n    );\n  };\n\n  #cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n\n  #clearApplicationHandler = () => {\n    this.application = {\n      application: {\n        name: \"\",\n        typeIcon: \"\"\n      },\n      mappings: []\n    };\n  };\n\n  #confirmCallbackHandler = () => {\n    this.confirmCallback(this.application);\n  };\n\n  #mapRelevantDataOptionsToComboBoxModel = (\n    relevantDataOptions: string[]\n  ): ComboBoxModel => {\n    return relevantDataOptions.map(optionName => {\n      return {\n        caption: optionName,\n        value: optionName\n      };\n    });\n  };\n\n  #mapSuggestedApplicationsToComboBoxModel = (\n    suggestedApplicationsNames: string[]\n  ): ComboBoxModel => {\n    return suggestedApplicationsNames.map(applicationName => {\n      return {\n        caption: applicationName,\n        value: applicationName\n      };\n    });\n  };\n\n  #relevantDataInputHandler =\n    (mappingIndex: number) =>\n    async (event: CustomEvent<string> | InputEvent) => {\n      const inputValue = event.detail as string;\n      this.application.mappings[mappingIndex].relevantData = inputValue;\n    };\n\n  #selectApplicationCallbackHandler = async () => {\n    const applicationDeclarationData = await this.selectApplicationCallback();\n    if (applicationDeclarationData) {\n      this.#setApplicationData(applicationDeclarationData.application);\n      this.application.mappings = applicationDeclarationData.mappings;\n    }\n  };\n\n  #selectMappingCallbackHandler =\n    (parameter: string, mappingIndex: number) => async () => {\n      const returnedRelevantData = await this.selectMappingCallback(parameter);\n      if (returnedRelevantData) {\n        const currentRelevantDataOptions =\n          this.application.mappings[mappingIndex].relevantDataOptions;\n\n        const indexOfReturnedRelevantData =\n          currentRelevantDataOptions.indexOf(returnedRelevantData);\n\n        if (indexOfReturnedRelevantData === -1) {\n          // returnedRelevantData is a new option. Add to combo-box.\n          currentRelevantDataOptions.push(returnedRelevantData);\n        }\n        // Set as selected\n        this.application.mappings[mappingIndex].relevantData =\n          returnedRelevantData;\n\n        this.#updateApplicationData();\n      }\n    };\n\n  #setApplicationData = (applicationData: ApplicationData) => {\n    if (applicationData) {\n      const applicationName = applicationData.name;\n      this.application.application.name = applicationName;\n      this.applicationComboBoxModel = [\n        {\n          caption: applicationName,\n          value: applicationName,\n          startImgSrc: applicationData.typeIcon\n        }\n      ];\n    }\n  };\n\n  #suggestInputHandler = async (event: CustomEvent<string> | InputEvent) => {\n    const inputValue = event.detail as string;\n    this.application.application.name = inputValue;\n    const suggestedApplicationNames: string[] =\n      await this.suggestApplicationsCallback(inputValue);\n\n    this.applicationComboBoxModel =\n      this.#mapSuggestedApplicationsToComboBoxModel(suggestedApplicationNames);\n  };\n\n  #updateApplicationData = () => {\n    this.application = { ...this.application };\n  };\n\n  // Renders\n\n  #renderDataMappingsGrid = (): Element => {\n    const applicationDataToDisplay = this.application.mappings.length;\n    if (applicationDataToDisplay) {\n      // Set as animated for the next time.\n      this.#animateEmptyState = true;\n    }\n    return (\n      <div class=\"field-group data-mapping-grid-container\">\n        <div class=\"field field-block\">\n          <label class=\"spacing-body-inline-start label\">\n            {this.#componentLocale.dataMappings.title}\n          </label>\n          <ch-tabular-grid\n            class={{\n              \"tabular-grid\": true,\n              \"tabular-grid-application-declaration\": true,\n              \"scrollable\": true,\n              \"empty-result\": !applicationDataToDisplay\n            }}\n            part=\"ch-grid-data-mappings\"\n          >\n            <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnName={\n                  this.application.application?.typeIcon ===\n                  \"objects/transaction\"\n                    ? this.#componentLocale.dataMappings.firstColName\n                    : this.#componentLocale.dataMappings.firstColNameParameter\n                }\n                settingable={false}\n                sortable={false}\n                size={config.tabularGrid.colSize.common}\n              ></ch-tabular-grid-column>\n\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnName={this.#componentLocale.dataMappings.secondColName}\n                settingable={false}\n                sortable={false}\n                size={config.tabularGrid.colSize.common}\n              ></ch-tabular-grid-column>\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                settingable={false}\n                sortable={false}\n                size={config.tabularGrid.colSize.auto}\n              ></ch-tabular-grid-column>\n            </ch-tabular-grid-columnset>\n\n            {this.application.mappings.length ? (\n              <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                {this.application.mappings.map(\n                  (obj: DataMappingData, index) => (\n                    <ch-tabular-grid-row\n                      class=\"tabular-grid-row\"\n                      rowId={`${index}-${obj.parameter}`}\n                      key={`${index}-${obj.parameter}-grid-row`}\n                    >\n                      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                        <span class=\"pill-tag elevation-3\">\n                          {\n                            this.#ACCESS_CAPTION_MAP[\n                              obj.access as DataMappingAccess\n                            ]\n                          }\n                        </span>\n                        {obj.parameter}\n                      </ch-tabular-grid-cell>\n                      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                        <ch-combo-box-render\n                          class=\"combo-box\"\n                          model={this.#mapRelevantDataOptionsToComboBoxModel(\n                            obj.relevantDataOptions\n                          )}\n                          value={obj.relevantData}\n                          key={`${index}-${obj.parameter}-combo-box`}\n                          onInput={this.#relevantDataInputHandler(index)}\n                        ></ch-combo-box-render>\n                      </ch-tabular-grid-cell>\n                      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                        <button\n                          data-index={index}\n                          onClick={this.#selectMappingCallbackHandler(\n                            obj.parameter,\n                            index\n                          )}\n                          class=\"button-tertiary button-icon-only\"\n                          aria-label={\n                            this.#componentLocale.buttons.selectMapping\n                          }\n                          title={this.#componentLocale.buttons.selectMapping}\n                        >\n                          <ch-image class=\"icon-m\" src={ADD_ICON}></ch-image>\n                        </button>\n                      </ch-tabular-grid-cell>\n                    </ch-tabular-grid-row>\n                  )\n                )}\n              </ch-tabular-grid-rowset>\n            ) : (\n              <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                <ch-tabular-grid-rowset-empty>\n                  <gx-ide-empty-state\n                    isAnimated={this.#animateEmptyState}\n                    stateIconSrc={FILTER_ICON}\n                    stateTitle={this.#componentLocale.emptyState.title}\n                    stateDescription={\n                      this.#componentLocale.emptyState.description\n                    }\n                  ></gx-ide-empty-state>\n                </ch-tabular-grid-rowset-empty>\n              </ch-tabular-grid-rowset>\n            )}\n          </ch-tabular-grid>\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header slot=\"header\" class=\"header spacing-body\">\n            <ch-combo-box-render\n              class=\"combo-box\"\n              value={this.application.application.name}\n              model={this.applicationComboBoxModel}\n              suggestDebounce={config.inputDebounce}\n              suggest\n              suggestOptions={SUGGEST_OPTIONS}\n              onInput={this.#suggestInputHandler}\n              onChange={this.#applicationInputChangedHandler}\n            ></ch-combo-box-render>\n\n            <div class=\"buttons-spacer\">\n              <button\n                onClick={this.#selectApplicationCallbackHandler}\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#componentLocale.buttons.selectApplication}\n                title={this.#componentLocale.buttons.selectApplication}\n              >\n                <ch-image class=\"icon-m\" src={MORE_ICON}></ch-image>\n              </button>\n              <button\n                onClick={this.#clearApplicationHandler}\n                class=\"button-secondary\"\n              >\n                Clear\n              </button>\n            </div>\n          </header>\n\n          {this.#renderDataMappingsGrid()}\n\n          <footer class=\"dialog-footer spacing-body-block-end spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                onClick={this.#cancelCallbackHandler}\n              >\n                {this.#componentLocale.buttons.cancelButton}\n              </button>\n              <button\n                class=\"button-primary\"\n                onClick={this.#confirmCallbackHandler}\n              >\n                {this.#componentLocale.buttons.confirmButton}\n              </button>\n            </div>\n          </footer>\n        </section>\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type ApplicationDeclarationData = {\n  application?: ApplicationData;\n  mappings: DataMappingData[];\n};\nexport type ApplicationData = {\n  name: string;\n  typeIcon: string;\n};\n\ntype DataMappingAccess = \"in\" | \"out\" | \"inout\";\n\nexport type DataMappingData = {\n  parameter: string;\n  access: DataMappingAccess;\n  relevantDataOptions: string[];\n  relevantData?: string;\n};\n\nexport type SuggestApplicationsCallback = (\n  prefix: string\n) => Promise<string[] | undefined>;\n\nexport type SelectApplicationCallback = () => Promise<\n  ApplicationDeclarationData | undefined\n>;\n\nexport type SelectMappingCallback = (parameter: string) => Promise<string>;\n\nexport type ConfirmCallback = (\n  data: ApplicationDeclarationData\n) => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type GetDataMappingCallback = (\n  applicationName: string\n) => Promise<DataMappingData[]>;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-dcfae3da.entry.js → p-4f58397f.entry.js}

@@ -44,9 +44,9 @@ const taskDocumentsToActionListItemModel = (e, t) => {
   return t;
 };
 
-const n = ":host{display:grid;grid-template-columns:1fr;grid-template-rows:1fr max-content;block-size:100%;overflow:auto}.section{display:contents}.main{display:grid;grid-template-rows:max-content 1fr max-content;block-size:100%;overflow:auto}.documents__header{grid-template-columns:1fr max-content}.documents__suggest{flex:1}";
+const r = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;grid-template-columns:1fr;grid-template-rows:1fr max-content;block-size:100%;overflow:auto}.section{display:contents}.main{display:grid;grid-template-rows:max-content 1fr max-content;block-size:100%;overflow:auto}.documents__header{grid-template-columns:1fr max-content}.documents__suggest{flex:1}";
 
-var r = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
+var n = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
   if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
   if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return s === "m" ? i : s === "a" ? i.call(e) : i ? i.value : t.get(e);
@@ -116,11 +116,11 @@ const F = class {
     I.set(this, (() => {
       this.documents = this.documents.filter((e => e.name !== this.selectedDocument.name));
       this.selectedDocument = null;
-      r(this, D, "f").call(this);
+      n(this, D, "f").call(this);
     }));
     R.set(this, (async e => {
       if (e.detail) {
-        r(this, d, "m", _).call(this, e.detail);
+        n(this, d, "m", _).call(this, e.detail);
       }
     }));
     q.set(this, (e => {
@@ -139,11 +139,11 @@ const F = class {
       const e = await this.selectDocumentCallback();
       if (e) {
         this.documentName = e;
-        r(this, d, "m", _).call(this, e);
+        n(this, d, "m", _).call(this, e);
       }
     }));
     S.set(this, (() => {
-      var e, t, s, a, l, c, o, n;
+      var e, t, s, a, l, c, o, r;
       return i("ch-tabular-grid", {
         class: "tabular-grid scrollable",
         rowSelectionMode: "none",
@@ -162,20 +162,20 @@ const F = class {
         columnId: "enabled",
         settingable: false,
         sortable: false,
-        columnName: r(this, u, "f").actions.enabledCheckbox
+        columnName: n(this, u, "f").actions.enabledCheckbox
       }), i("ch-tabular-grid-column", {
         class: "tabular-grid-column",
         columnId: "required",
         settingable: false,
         sortable: false,
-        columnName: r(this, u, "f").actions.requiredCheckbox
+        columnName: n(this, u, "f").actions.requiredCheckbox
       })), i("ch-tabular-grid-row", {
         // read
         class: "tabular-grid-row",
         rowid: "read"
       }, i("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
-      }, r(this, u, "f").actions.readLabel), i("ch-tabular-grid-cell", {
+      }, n(this, u, "f").actions.readLabel), i("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
       }, i("ch-checkbox", {
         class: "checkbox",
@@ -195,7 +195,7 @@ const F = class {
         rowid: "read"
       }, i("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
-      }, r(this, u, "f").actions.newLabel), i("ch-tabular-grid-cell", {
+      }, n(this, u, "f").actions.newLabel), i("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
       }, i("ch-checkbox", {
         class: "checkbox",
@@ -215,7 +215,7 @@ const F = class {
         rowid: "read"
       }, i("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
-      }, r(this, u, "f").actions.updateLabel), i("ch-tabular-grid-cell", {
+      }, n(this, u, "f").actions.updateLabel), i("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
       }, i("ch-checkbox", {
         class: "checkbox",
@@ -235,7 +235,7 @@ const F = class {
         rowid: "read"
       }, i("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
-      }, r(this, u, "f").actions.deleteLabel), i("ch-tabular-grid-cell", {
+      }, n(this, u, "f").actions.deleteLabel), i("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
       }, i("ch-checkbox", {
         class: "checkbox",
@@ -247,19 +247,19 @@ const F = class {
       }, i("ch-checkbox", {
         class: "checkbox",
         checkedValue: A,
-        value: (n = this.selectedDocument) === null || n === void 0 ? void 0 : n.deleteRequired.toString(),
+        value: (r = this.selectedDocument) === null || r === void 0 ? void 0 : r.deleteRequired.toString(),
         ref: e => h(this, p, e, "f")
       }))));
     }));
     z.set(this, (() => i("gx-ide-empty-state", {
       class: "recent-objects__empty-state",
       stateIconSrc: H,
-      isAnimated: r(this, f, "f"),
-      stateTitle: r(this, u, "f").emptyRightPanelInfo.title
+      isAnimated: n(this, f, "f"),
+      stateTitle: n(this, u, "f").emptyRightPanelInfo.title
     }, i("button", {
       class: "button-secondary",
-      onClick: r(this, V, "f")
-    }, r(this, u, "f").emptyRightPanelInfo.buttonCaption))));
+      onClick: n(this, V, "f")
+    }, n(this, u, "f").emptyRightPanelInfo.buttonCaption))));
     B.set(this, (() => i("footer", {
       class: "footer dialog-footer dialog-footer-with-border spacing-body-block-end spacing-body-inline"
     }, i("div", {
@@ -267,22 +267,22 @@ const F = class {
     }, i("button", {
       class: "button-secondary",
       id: "button-cancel",
-      onClick: r(this, C, "f"),
+      onClick: n(this, C, "f"),
       part: "button-cancel"
-    }, r(this, u, "f").footer.cancelButton), i("button", {
+    }, n(this, u, "f").footer.cancelButton), i("button", {
       class: "button-primary",
       id: "button-create",
-      onClick: r(this, E, "f"),
+      onClick: n(this, E, "f"),
       part: "button-create"
-    }, r(this, u, "f").footer.confirmButton)))));
+    }, n(this, u, "f").footer.confirmButton)))));
     N.set(this, (() => [ i("div", {
       class: "documents__list spacing-body-inline"
     }, i("ch-action-list-render", {
       selection: "single",
       class: "list-box",
       model: this.documentsActionListState,
-      onSelectedItemsChange: r(this, q, "f")
-    })), r(this, S, "f").call(this) ]));
+      onSelectedItemsChange: n(this, q, "f")
+    })), n(this, S, "f").call(this) ]));
     this.documentsActionListState = [];
     this.documentName = null;
     this.selectedDocument = null;
@@ -295,18 +295,18 @@ const F = class {
   }
   async componentWillLoad() {
     h(this, u, await c.getComponentStrings(this.el), "f");
-    r(this, D, "f").call(this);
+    n(this, D, "f").call(this);
   }
   componentDidRender() {
-    if (!r(this, f, "f")) {
-      this.componentDidRenderFirstTime.emit(r(this, u, "f").componentName);
+    if (!n(this, f, "f")) {
+      this.componentDidRenderFirstTime.emit(n(this, u, "f").componentName);
       h(this, f, true, "f");
     }
     const e = this.el.shadowRoot;
-    const t = r(this, d, "m", W).call(this, e);
+    const t = n(this, d, "m", W).call(this, e);
     if (t) {
       t.forEach((e => {
-        e.addEventListener("input", r(this, d, "m", j).bind(this));
+        e.addEventListener("input", n(this, d, "m", j).bind(this));
       }));
     }
   }
@@ -314,9 +314,9 @@ const F = class {
      * Suspends or reactivates the shortcuts
      */  async suspendShortcuts(e) {
     if (e) {
-      r(this, m, "f").suspend = true;
+      n(this, m, "f").suspend = true;
     } else {
-      r(this, m, "f").suspend = false;
+      n(this, m, "f").suspend = false;
     }
   }
   render() {
@@ -325,7 +325,7 @@ const F = class {
     }, i("ch-theme", {
       model: G
     }), i("ch-shortcuts", {
-      src: r(this, b, "f"),
+      src: n(this, b, "f"),
       ref: e => h(this, m, e, "f")
     }), i("section", {
       class: "section"
@@ -336,10 +336,10 @@ const F = class {
     }, i("ch-combo-box-render", {
       class: "combo-box documents__suggest",
       model: this.suggestedDocuments,
-      placeholder: r(this, u, "f").documents.suggestPlaceholder,
+      placeholder: n(this, u, "f").documents.suggestPlaceholder,
       suggest: true,
-      onInput: r(this, T, "f"),
-      onChange: r(this, R, "f"),
+      onInput: n(this, T, "f"),
+      onChange: n(this, R, "f"),
       suggestOptions: {
         alreadyProcessed: false,
         autoExpand: true,
@@ -351,21 +351,21 @@ const F = class {
       }
     }), i("span", null, i("button", {
       class: "button-tertiary button-icon-only",
-      "aria-label": r(this, u, "f").documents.addDocumentButtonLabel,
-      title: r(this, u, "f").documents.addDocumentButtonLabel,
-      onClick: r(this, V, "f")
+      "aria-label": n(this, u, "f").documents.addDocumentButtonLabel,
+      title: n(this, u, "f").documents.addDocumentButtonLabel,
+      onClick: n(this, V, "f")
     }, i("ch-image", {
       class: "icon-xs",
       src: P
     })), i("button", {
       class: "button-tertiary button-icon-only",
-      "aria-label": r(this, u, "f").documents.clearDocumentButtonLabel,
-      title: r(this, u, "f").documents.clearDocumentButtonLabel,
-      onClick: r(this, I, "f")
+      "aria-label": n(this, u, "f").documents.clearDocumentButtonLabel,
+      title: n(this, u, "f").documents.clearDocumentButtonLabel,
+      onClick: n(this, I, "f")
     }, i("ch-image", {
       class: "icon-xs",
       src: L
-    })))), this.documentsActionListState.length ? r(this, N, "f").call(this) : r(this, z, "f").call(this)), r(this, B, "f").call(this)));
+    })))), this.documentsActionListState.length ? n(this, N, "f").call(this) : n(this, z, "f").call(this)), n(this, B, "f").call(this)));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/bpm-task-documents" ];
@@ -386,7 +386,7 @@ W = function _GxIdeBpmTaskDocuments_getAllCheckboxes(e) {
     if (e.nodeName === O) {
       t.push(e);
     } else if (e instanceof HTMLElement) {
-      t.push(...r(this, d, "m", _GxIdeBpmTaskDocuments_getAllCheckboxes).call(this, e));
+      t.push(...n(this, d, "m", _GxIdeBpmTaskDocuments_getAllCheckboxes).call(this, e));
     }
   }));
   return t;
@@ -404,25 +404,25 @@ W = function _GxIdeBpmTaskDocuments_getAllCheckboxes(e) {
       updateEnabled: false,
       updateRequired: false
     } ];
-    r(this, D, "f").call(this);
+    n(this, D, "f").call(this);
   }
 }, j = function _GxIdeBpmTaskDocuments_handleCheckboxChange() {
   const e = {
     name: this.selectedDocument.name,
-    readEnabled: r(this, v, "f").value === A,
-    readRequired: r(this, x, "f").value === A,
-    newEnabled: r(this, w, "f").value === A,
-    newRequired: r(this, k, "f").value === A,
-    updateEnabled: r(this, y, "f").value === A,
-    updateRequired: r(this, M, "f").value === A,
-    deleteEnabled: r(this, g, "f").value === A,
-    deleteRequired: r(this, p, "f").value === A
+    readEnabled: n(this, v, "f").value === A,
+    readRequired: n(this, x, "f").value === A,
+    newEnabled: n(this, w, "f").value === A,
+    newRequired: n(this, k, "f").value === A,
+    updateEnabled: n(this, y, "f").value === A,
+    updateRequired: n(this, M, "f").value === A,
+    deleteEnabled: n(this, g, "f").value === A,
+    deleteRequired: n(this, p, "f").value === A
   };
   this.selectedDocument = e;
   this.documents = this.documents.map((e => e.name === this.selectedDocument.name ? this.selectedDocument : e));
 };
 
-F.style = n;
+F.style = r;
 
 export { F as gx_ide_bpm_task_documents };
-//# sourceMappingURL=p-dcfae3da.entry.js.map
+//# sourceMappingURL=p-4f58397f.entry.js.map