@genexus/genexus-ide-ui 2.1.1 → 2.1.3

package/dist/genexus-ide-ui/{p-14823abe.entry.js → p-e0fb6257.entry.js}

@@ -14,7 +14,7 @@ import "lit/directives/when.js";
 
 import "lit/directives/if-defined.js";
 
-const l = ":host{display:grid;grid-template-rows:max-content 1fr max-content;overflow:auto;block-size:100%}.section{display:contents}.header__field-group{display:grid;grid-template-columns:1fr 1fr}.tabular-grid{contain:size}.data ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}ch-tabular-grid.empty-result::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}";
+const l = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;grid-template-rows:max-content 1fr max-content;overflow:auto;block-size:100%}.section{display:contents}.header__field-group{display:grid;grid-template-columns:1fr 1fr}.tabular-grid{contain:size}.data ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}ch-tabular-grid.empty-result::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}";
 
 var c = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
   if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
@@ -29,7 +29,7 @@ var h = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, a)
   return i === "a" ? a.call(t, s) : a ? a.value = s : e.set(t, s), s;
 };
 
-var d, u, f, p, b, m, g, w, y, v, k, M, W, j, x, C, z, E, T, _, D;
+var d, u, f, b, p, m, g, w, y, v, k, M, W, j, x, C, z, E, T, _, D;
 
 // Best performance bundle
 const P = [ "resets/box-sizing", "components/button", "components/edit", "components/tabular-grid", "components/icon", "utils/form", "utils/layout", "utils/spacing", "chameleon/scrollbar" ];
@@ -48,8 +48,8 @@ const F = class {
         u.set(this, false);
  // used to select the first item after "loadItemsCallback"
         f.set(this, void 0);
-    p.set(this, false);
-    b.set(this, e(`./gx-ide-assets/data-selector/shortcuts.json`));
+    b.set(this, false);
+    p.set(this, e(`./gx-ide-assets/data-selector/shortcuts.json`));
     /* References needed to collect data */    m.set(this, void 0);
     g.set(this, void 0);
     w.set(this, void 0);
@@ -143,7 +143,7 @@ const F = class {
       const t = !this.objects.length;
       const e = this.loader && this.loading;
       if (!t || e) {
-        h(this, p, true, "f");
+        h(this, b, true, "f");
  // improve performance if is first render
             }
       return s("ch-tabular-grid", {
@@ -209,7 +209,7 @@ const F = class {
         loaderTitle: c(this, f, "f").loader.title,
         show: true
       }) : s("gx-ide-empty-state", {
-        isAnimated: c(this, p, "f"),
+        isAnimated: c(this, b, "f"),
         stateIconSrc: S,
         stateTitle: c(this, f, "f").emptyState.title
       }))));
@@ -302,7 +302,7 @@ const F = class {
     }, s("ch-theme", {
       model: P
     }), s("ch-shortcuts", {
-      src: c(this, b, "f"),
+      src: c(this, p, "f"),
       ref: t => h(this, w, t, "f")
     }), s("section", {
       class: "section"
@@ -344,7 +344,7 @@ const F = class {
   }
 };
 
-d = new WeakMap, u = new WeakMap, f = new WeakMap, p = new WeakMap, b = new WeakMap, 
+d = new WeakMap, u = new WeakMap, f = new WeakMap, b = new WeakMap, p = new WeakMap, 
 m = new WeakMap, g = new WeakMap, w = new WeakMap, y = new WeakMap, v = new WeakMap, 
 k = new WeakMap, M = new WeakMap, W = new WeakMap, j = new WeakMap, x = new WeakMap, 
 C = new WeakMap, z = new WeakMap, E = new WeakMap, T = new WeakMap, _ = new WeakMap, 
@@ -353,4 +353,4 @@ D = new WeakMap;
 F.style = l;
 
 export { F as gx_ide_data_selector };
-//# sourceMappingURL=p-14823abe.entry.js.map
+//# sourceMappingURL=p-e0fb6257.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dataSelectorCss","CSS_BUNDLES","FILTER_ICON","getIconPath","category","name","colorType","GxIdeDataSelector","_GxIdeDataSelector_firstGridObjectId","set","this","_GxIdeDataSelector_loadItemsCallbackJustCalled","_GxIdeDataSelector_componentLocale","_GxIdeDataSelector_animateEmptyState","_GxIdeDataSelector_shortcutsSrc","getAssetPath","_GxIdeDataSelector_filterPatternEl","_GxIdeDataSelector_filterObjectEl","_GxIdeDataSelector_chShortcutsEl","_GxIdeDataSelector_chTabularGridObjectsEl","_GxIdeDataSelector_evaluateFirstRowSelection","__classPrivateFieldGet","selectRow","__classPrivateFieldSet","_GxIdeDataSelector_chGridKeyDownHandler","e","key","_GxIdeDataSelector_confirmCallbackHandler","call","stopPropagation","confirmCallback","selectedObjectsIds","_GxIdeDataSelector_editCallbackHandler","async","result","editCallback","_GxIdeDataSelector_refreshUIWithNewConfiguration","_GxIdeDataSelector_hostKeyPressHandler","_GxIdeDataSelector_objectsSelectionChangedHandler","event","detail","rowsId","_GxIdeDataSelector_newVariableCallbackHandler","response","newVariableCallback","objects","filters","pattern","_a","value","object","_c","_b","id","loading","loadItemsCallback","then","items","length","_GxIdeDataSelector_sortObjectsByName","_GxIdeDataSelector_renderFilter","h","class","htmlFor","filter","autoFocus","part","debounce","config","inputDebounce","onInput","ref","el","defaultModule","defaultValue","selectEntityCallback","selectObjectCallback","onValueChanged","_GxIdeDataSelector_renderObjects","gridIsEmpty","displayLoader","loader","data","rowSelectionMode","selectionType","onKeyDown","onSelectionChanged","undefined","settingable","sortable","size","tabularGrid","colSize","maxContent","tableHead","common","dataType","description","map","obj","rowid","onDblClick","src","type","loaderTitle","title","show","isAnimated","stateIconSrc","stateTitle","emptyState","_GxIdeDataSelector_renderEditButtons","newVariableButtonEnabled","editButtonEnabled","disabled","onClick","footer","btnNew","btnEdit","sort","a","b","nameA","toLowerCase","nameB","componentWillLoad","Locale","getComponentStrings","connectedCallback","componentDidLoad","focus","componentDidRender","suspendShortcuts","suspend","validate","isValid","render","okButtonEnabled","footerJustifySpaceBetween","Host","onKeyPress","model","cancelCallback","btnCancel","btnConfirm"],"sources":["src/components/data-selector/data-selector.scss?tag=gx-ide-data-selector&encapsulation=shadow","src/components/data-selector/data-selector.tsx"],"sourcesContent":["@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\"; // for the tabular-grid-cell-layout mixin\n@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  overflow: auto;\n  block-size: 100%;\n}\n\n.section {\n  display: contents;\n}\n\n.header__field-group {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n\n.tabular-grid {\n  contain: size;\n}\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".data\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\n);\n\nch-tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\nch-tabular-grid-rowset-empty {\n  // to make the loader be positioned relative to 'ch-tabular-grid-rowset-empty'\n  position: relative;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  getAssetPath,\n  JSX\n} from \"@stencil/core\";\n\nimport { Locale } from \"../../common/locale\";\n\nimport { config } from \"../../common/config\";\nimport { EntityData } from \"../../common/types\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { TabularGridSelectionChangedEvent } from \"@genexus/chameleon-controls-library\";\n\n// Best performance bundle\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/tabular-grid\",\n  \"components/icon\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-surface\"\n});\n\n@Component({\n  tag: \"gx-ide-data-selector\",\n  styleUrl: \"data-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/data-selector\"]\n})\nexport class GxIdeDataSelector {\n  #firstGridObjectId: string; // used to select the first item after \"loadItemsCallback\"\n  #loadItemsCallbackJustCalled: boolean = false; // used to select the first item after \"loadItemsCallback\"\n\n  #componentLocale: any;\n  #animateEmptyState: boolean = false;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/data-selector/shortcuts.json`);\n  /* References needed to collect data */\n  #filterPatternEl!: HTMLChEditElement;\n  #filterObjectEl!: HTMLGxIdeEntitySelectorElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #chTabularGridObjectsEl: HTMLChTabularGridElement;\n\n  @Element() el: HTMLGxIdeDataSelectorElement;\n\n  /**\n   * True if loadItemsCallback has been called and has not been resolved yet.\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ItemData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when the user presses the 'OK' button\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Callback invoked when user presses the edit button. Receives the first\n   * selected element id as a parameter.\n   */\n  @Prop() readonly editCallback: EditCallback;\n\n  /**\n   * Callback invoked when the component needs to reload the list of attributes.\n   */\n  @Prop() readonly loadItemsCallback!: LoadItemsCallback;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Callback invoked when the user presses the 'New' button.\n   */\n  @Prop() readonly newVariableCallback: NewVariableCallback;\n\n  /**\n   * Callback invoked when the action is executed in the Object filter. It returns\n   * the information of the selected object (id and name) or 'undefined' if it was\n   * canceled.\n   */\n  @Prop() readonly selectObjectCallback: SelectObjectCallback;\n\n  /**\n   * Single if multiple object selection is not allowed. Default is multiple\n   */\n  @Prop() readonly selectionType: \"single\" | \"multiple\" = \"multiple\";\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  connectedCallback() {\n    this.#refreshUIWithNewConfiguration();\n  }\n\n  componentDidLoad() {\n    this.#filterPatternEl.focus();\n  }\n\n  componentDidRender() {\n    this.#evaluateFirstRowSelection();\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  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  /**\n   * After items have been loaded and rendered, the first row should be selected.\n   */\n  #evaluateFirstRowSelection = () => {\n    if (this.#loadItemsCallbackJustCalled) {\n      this.#chTabularGridObjectsEl.selectRow(this.#firstGridObjectId);\n    }\n    this.#loadItemsCallbackJustCalled = false;\n  };\n\n  #chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.#confirmCallbackHandler(e);\n    }\n  };\n\n  #confirmCallbackHandler = (e: MouseEvent | KeyboardEvent): void => {\n    e.stopPropagation();\n    this.confirmCallback(this.selectedObjectsIds);\n  };\n\n  #editCallbackHandler = async (e: MouseEvent): Promise<void> => {\n    e.stopPropagation();\n    if (this.selectedObjectsIds[0]) {\n      const result = await this.editCallback(this.selectedObjectsIds[0]);\n      if (result) {\n        this.#refreshUIWithNewConfiguration();\n      }\n    }\n  };\n\n  #hostKeyPressHandler = (e: KeyboardEvent) => {\n    // TODO : revise why this is necessary\n    // just prevent keypress propagation\n    if (e.key === \"Enter\") {\n      e.stopPropagation();\n    }\n  };\n\n  #objectsSelectionChangedHandler = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    this.selectedObjectsIds = event.detail.rowsId;\n  };\n\n  #newVariableCallbackHandler = async () => {\n    const response = await this.newVariableCallback();\n    if (response) {\n      this.#refreshUIWithNewConfiguration();\n    }\n  };\n  #refreshUIWithNewConfiguration = (): void => {\n    this.objects = [];\n    const filters: FiltersData = {\n      pattern: this.#filterPatternEl?.value,\n      object: this.#filterObjectEl?.value?.id\n    };\n    this.loading = true;\n    this.loadItemsCallback(filters).then((items: ItemData[]) => {\n      if (items.length) {\n        this.objects = this.#sortObjectsByName(items);\n        this.#firstGridObjectId = this.objects[0].id;\n        this.#loadItemsCallbackJustCalled = true;\n      }\n      this.selectedObjectsIds = [];\n      this.loading = false;\n    });\n  };\n\n  #renderFilter = (): Element[] => {\n    return [\n      <div class=\"header__field-group field-group\">\n        <div class=\"field field-block pattern-field\">\n          <label class=\"label\" htmlFor=\"filter-pattern\">\n            {this.#componentLocale.filter.pattern}\n          </label>\n          <ch-edit\n            autoFocus\n            id=\"filter-pattern\"\n            name=\"filter-pattern\"\n            class=\"input pattern-input\"\n            part=\"filter-pattern\"\n            debounce={config.inputDebounce}\n            onInput={this.#refreshUIWithNewConfiguration}\n            ref={(el: HTMLChEditElement) =>\n              (this.#filterPatternEl = el as HTMLChEditElement)\n            }\n          ></ch-edit>\n        </div>\n        <gx-ide-entity-selector\n          id=\"object-selector\"\n          value={this.defaultModule}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectObjectCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#filterObjectEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          class=\"entity\"\n          onValueChanged={this.#refreshUIWithNewConfiguration}\n        ></gx-ide-entity-selector>\n      </div>\n    ];\n  };\n\n  #renderObjects = (): Element => {\n    const gridIsEmpty = !this.objects.length;\n    const displayLoader = this.loader && this.loading;\n    if (!gridIsEmpty || displayLoader) {\n      this.#animateEmptyState = true; // improve performance if is first render\n    }\n    return (\n      <ch-tabular-grid\n        class={{\n          \"tabular-grid\": true,\n          \"empty-result\": this.objects.length === 0,\n          \"data\": true\n        }}\n        rowSelectionMode={this.selectionType}\n        onKeyDown={this.#chGridKeyDownHandler}\n        part=\"ch-grid-objects\"\n        onSelectionChanged={\n          this.objects.length ? this.#objectsSelectionChangedHandler : undefined\n        }\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.#chTabularGridObjectsEl = el as HTMLChTabularGridElement)\n        }\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.name}\n            column-name-position=\"text\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.common}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.dataType}\n            column-name-position=\"text\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.common}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.description}\n            column-name-position=\"text\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.common}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {!gridIsEmpty ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects.map((obj: ItemData) => (\n              <ch-tabular-grid-row\n                rowid={obj.id}\n                onDblClick={this.#confirmCallbackHandler}\n                class=\"tabular-grid-row\"\n              >\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image\n                    src={\n                      obj.type === \"attribute\"\n                        ? \"objects/attribute\"\n                        : \"objects-parts/variables\"\n                    }\n                    class=\"icon-s\"\n                  ></ch-image>\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.name}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.dataType}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.description}\n                </ch-tabular-grid-cell>\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              {displayLoader ? (\n                <gx-ide-loader\n                  loaderTitle={this.#componentLocale.loader.title}\n                  show\n                ></gx-ide-loader>\n              ) : (\n                <gx-ide-empty-state\n                  isAnimated={this.#animateEmptyState}\n                  stateIconSrc={FILTER_ICON}\n                  stateTitle={this.#componentLocale.emptyState.title}\n                ></gx-ide-empty-state>\n              )}\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #renderEditButtons = (): JSX.Element | null => {\n    if (!this.editCallback && !this.newVariableCallback) {\n      return null;\n    }\n\n    const newVariableButtonEnabled = this.newVariableCallback && !this.loading;\n    const editButtonEnabled =\n      this.editCallback && !this.loading && this.selectedObjectsIds.length;\n\n    return (\n      <div class=\"buttons-spacer\">\n        {this.newVariableCallback ? (\n          <button\n            // New Variable Button\n            class=\"button-secondary\"\n            disabled={!newVariableButtonEnabled}\n            part=\"button button-new\"\n            type=\"button\"\n            onClick={this.#newVariableCallbackHandler}\n          >\n            {this.#componentLocale.footer.btnNew}\n          </button>\n        ) : (\n          []\n        )}\n        {this.editCallback ? (\n          <button\n            // Edit Button\n            class=\"button-secondary\"\n            disabled={!editButtonEnabled}\n            part=\"button button-edit\"\n            type=\"button\"\n            onClick={editButtonEnabled && this.#editCallbackHandler}\n          >\n            {this.#componentLocale.footer.btnEdit}\n          </button>\n        ) : (\n          []\n        )}\n      </div>\n    );\n  };\n\n  #sortObjectsByName = (objects: ItemData[]): ItemData[] =>\n    // TODO (make this a common helper function\n    // and use it in other dialog grids that\n    // require filter by name).\n    objects.sort((a, b) => {\n      const nameA = a.name.toLowerCase(),\n        nameB = b.name.toLowerCase();\n      if (nameA < nameB) {\n        return -1;\n      }\n      if (nameA > nameB) {\n        return 1;\n      }\n      return 0;\n    });\n\n  render() {\n    const okButtonEnabled = !this.loading;\n    const footerJustifySpaceBetween: boolean =\n      !!this.newVariableCallback || !!this.editCallback;\n\n    return (\n      <Host onKeyPress={this.#hostKeyPressHandler} class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header dialog-header-with-border spacing-body-block-start spacing-body-inline\">\n            {this.#renderFilter()}\n          </header>\n          {this.#renderObjects()}\n          <footer\n            class={{\n              \"footer\": true,\n              \"dialog-footer-with-border\": true,\n              \"dialog-footer-space-between\": footerJustifySpaceBetween,\n              \"spacing-body-inline\": true,\n              \"spacing-body-block-end\": true\n            }}\n          >\n            {this.#renderEditButtons()}\n            <div class=\"buttons-spacer\">\n              <button\n                // Cancel Button\n                class=\"button-secondary\"\n                part=\"button button-cancel\"\n                type=\"button\"\n                onClick={this.cancelCallback}\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                // Confirm Button\n                class=\"button-primary\"\n                part=\"button button-ok\"\n                disabled={!okButtonEnabled}\n                type=\"button\"\n                onClick={okButtonEnabled && this.#confirmCallbackHandler}\n              >\n                {this.#componentLocale.footer.btnConfirm}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NewVariableCallback = () => Promise<boolean> | undefined;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectObjectCallback = () => Promise<EntityData | undefined>;\n\nexport type EditCallback = (id: string) => Promise<boolean> | undefined;\n\nexport type ConfirmCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadItemsCallback = (filters: FiltersData) => Promise<ItemData[]>;\n\nexport type FiltersData = {\n  pattern?: string;\n  object?: string;\n};\n\nexport type ItemData = {\n  type: ItemType;\n  id: string;\n  name: string;\n  dataType: string;\n  description: string;\n};\n\nexport type ItemType = \"variable\" | \"attribute\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-734d5fa1.entry.js → p-e32f5b19.entry.js}

@@ -10,7 +10,7 @@ import "lit/directives/when.js";
 
 import "lit/directives/if-defined.js";
 
-const o = '/* - - - - - - - - - - - - - - - - -\nNew classes for Chameleon + Mercury\n- - - - - - - - - - - - - - - - - */\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.gxi-hidden {\n  display: none !important;\n}\n\n.align-center {\n  display: flex;\n  align-items: center;\n}\n\n.align-end {\n  display: flex;\n  align-items: end;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n  height: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n  color: var(--gx-ide-component-text-color);\n  font-weight: var(--font-style-regular);\n  font-size: var(--font-size-body-m);\n  font-family: var(--font-family-body);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nNew : For Mercury\n- - - - - - - - - - - - - - - - - - */\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nPill\n- - - - - - - - - - - - - - - - - - */\n.giu-static-pill-icon-and-text, .giu-static-pill {\n  background-color: var(--elevation-background-color, var(--color-accent-surface-elevation-1));\n  padding-inline: var(--spacing-padding-m);\n  color: var(--color-text-neutral-default);\n  font-size: var(--font-size-body-s);\n  line-height: var(--line-height-relaxed);\n  font-weight: var(--font-style-regular);\n  border-radius: 4px;\n  min-block-size: 25px;\n  display: inline-grid;\n  align-items: center;\n  pointer-events: none;\n}\n\n.giu-static-pill-icon-and-text {\n  display: inline-grid;\n  grid-auto-flow: column;\n  grid-auto-columns: max-content;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTab\n- - - - - - - - - - - - - - - - - - */\n.tab-full-width-buttons::part(tab-list block-start),\n.tab-full-width-buttons::part(tab-list block-end) {\n  grid-auto-columns: 1fr;\n}\n\n.tab-full-width-buttons::part(tab block-start) {\n  justify-content: center;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTree\n- - - - - - - - - - - - - - - - - - */\n/* Now the tree-view warning icon, looks gray on disabled items. This is a workaround to change the color to the enabled color, until this is resolved on Mercury. The solution might be to add a colorType for warning, error or success, that is static, meanning, it looks alwaws as "enabled", even if it is disabled. */\n.tree-view::part(item__header) {\n  --icon__system_warning_warning--disabled: var(\n    --icon__system_warning_warning--enabled\n  );\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTabular Grid\n- - - - - - - - - - - - - - - - - - */\n.tabular-grid {\n  --focus-outline-width: 1px;\n}\n\n:host {\n  display: block;\n}\n\nsection {\n  border-top: 1px solid #ccc;\n  margin-top: 300px;\n  container-name: section;\n  container-type: inline-size;\n}\n\ngxg-combo-box {\n  opacity: 1;\n}\n\n@container section (width < 400px) {\n  gxg-combo-box {\n    opacity: 0.5;\n  }\n}';
+const o = '/* - - - - - - - - - - - - - - - - -\nNew classes for Chameleon + Mercury\n- - - - - - - - - - - - - - - - - */\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.gxi-hidden {\n  display: none !important;\n}\n\n.align-center {\n  display: flex;\n  align-items: center;\n}\n\n.align-end {\n  display: flex;\n  align-items: end;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n  height: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n  color: var(--gx-ide-component-text-color);\n  font-weight: var(--font-style-regular);\n  font-size: var(--font-size-body-m);\n  font-family: var(--font-family-body);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nNew : For Mercury\n- - - - - - - - - - - - - - - - - - */\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nPill\n- - - - - - - - - - - - - - - - - - */\n.giu-static-pill-icon-and-text, .giu-static-pill {\n  background-color: var(--elevation-background-color, var(--color-accent-surface-elevation-1));\n  padding-inline: var(--spacing-padding-m);\n  color: var(--color-text-neutral-default);\n  font-size: var(--font-size-body-s);\n  line-height: var(--line-height-relaxed);\n  font-weight: var(--font-style-regular);\n  border-radius: 4px;\n  min-block-size: 25px;\n  display: inline-grid;\n  align-items: center;\n  pointer-events: none;\n  inline-size: max-content;\n}\n\n.giu-static-pill-icon-and-text {\n  display: inline-grid;\n  grid-auto-flow: column;\n  grid-auto-columns: max-content;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTab\n- - - - - - - - - - - - - - - - - - */\n.tab-full-width-buttons::part(tab-list block-start),\n.tab-full-width-buttons::part(tab-list block-end) {\n  grid-auto-columns: 1fr;\n}\n\n.tab-full-width-buttons::part(tab block-start) {\n  justify-content: center;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTree\n- - - - - - - - - - - - - - - - - - */\n/* Now the tree-view warning icon, looks gray on disabled items. This is a workaround to change the color to the enabled color, until this is resolved on Mercury. The solution might be to add a colorType for warning, error or success, that is static, meanning, it looks alwaws as "enabled", even if it is disabled. */\n.tree-view::part(item__header) {\n  --icon__system_warning_warning--disabled: var(\n    --icon__system_warning_warning--enabled\n  );\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTabular Grid\n- - - - - - - - - - - - - - - - - - */\n.tabular-grid {\n  --focus-outline-width: 1px;\n}\n\n:host {\n  display: block;\n}\n\nsection {\n  border-top: 1px solid #ccc;\n  margin-top: 300px;\n  container-name: section;\n  container-type: inline-size;\n}\n\ngxg-combo-box {\n  opacity: 1;\n}\n\n@container section (width < 400px) {\n  gxg-combo-box {\n    opacity: 0.5;\n  }\n}';
 
 const a = [ "resets/box-sizing", 
 // "utils/form",
@@ -56,4 +56,4 @@ const r = class {
 r.style = o;
 
 export { r as gx_ide_test };
-//# sourceMappingURL=p-734d5fa1.entry.js.map
+//# sourceMappingURL=p-e32f5b19.entry.js.map

package/dist/genexus-ide-ui/{p-af3cc463.entry.js → p-e3ff125f.entry.js}

@@ -4,7 +4,7 @@ import { c as n } from "./p-c5196b3b.js";
 
 import { L as s } from "./p-311eedf3.js";
 
-const o = ':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}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--spacing-gap-l)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
+const o = ':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}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--spacing-gap-l)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
 
 const l = class {
   constructor(i) {
@@ -105,4 +105,4 @@ const l = class {
 l.style = o;
 
 export { l as gx_ide_bpm_export_xpdl };
-//# sourceMappingURL=p-af3cc463.entry.js.map
+//# sourceMappingURL=p-e3ff125f.entry.js.map

package/dist/genexus-ide-ui/{p-899ec74e.entry.js → p-e883cd82.entry.js}

@@ -6,15 +6,15 @@ import { v as n, c as r } from "./p-b32b6b1f.js";
 
 import { c as l } from "./p-c5196b3b.js";
 
-const h = ":host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.commit-date-container,.commit-number-container{display:grid;gap:var(--spacing-gap-xl)}.commit-date-container{grid-template-rows:max-content max-content max-content max-content}.commit-number-container{grid-template-rows:max-content max-content max-content}.heading{margin-block:0}.tooltip{position:absolute}";
+const h = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.commit-date-container,.commit-number-container{display:grid;gap:var(--spacing-gap-xl)}.commit-date-container{grid-template-rows:max-content max-content max-content max-content}.commit-number-container{grid-template-rows:max-content max-content max-content}.heading{margin-block:0}.tooltip{position:absolute}";
 
-var m = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
+var c = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
   if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
   if (typeof i === "function" ? t !== i || !s : !i.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return e === "m" ? s : e === "a" ? s.call(t) : s ? s.value : i.get(t);
 };
 
-var c = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, o) {
+var m = undefined && undefined.__classPrivateFieldSet || function(t, i, e, 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 i === "function" ? t !== i || !o : !i.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
@@ -143,7 +143,7 @@ const j = class {
       }, e("label", {
         class: "label",
         htmlFor: "commit-date"
-      }, m(this, d, "f").labels.commitDate), e("ch-edit", {
+      }, c(this, d, "f").labels.commitDate), e("ch-edit", {
         class: {
           input: true,
           "input-error": (t = this.validatableControls.get("commit-date")) === null || t === void 0 ? void 0 : t.hasError
@@ -151,9 +151,9 @@ const j = class {
         id: "commit-date",
         type: "date",
         value: this.sinceCommitDate && this.sinceCommitDate.toISOString().split("T")[0],
-        onInput: m(this, k, "f"),
-        ref: t => c(this, f, t, "f")
-      }), m(this, b, "f").call(this, m(this, f, "f")))));
+        onInput: c(this, k, "f"),
+        ref: t => m(this, f, t, "f")
+      }), c(this, b, "f").call(this, c(this, f, "f")))));
     }));
     _.set(this, (() => {
       var t;
@@ -169,18 +169,18 @@ const j = class {
       }, e("label", {
         class: "label",
         htmlFor: "commit-number"
-      }, m(this, d, "f").labels.commitNumber), e("ch-edit", {
+      }, c(this, d, "f").labels.commitNumber), e("ch-edit", {
         class: {
           input: true,
           "input-error": (t = this.validatableControls.get("commit-number")) === null || t === void 0 ? void 0 : t.hasError
         },
         id: "commit-number",
         type: "number",
-        placeholder: m(this, d, "f").placeholders.commitNumber,
-        onInput: m(this, C, "f"),
+        placeholder: c(this, d, "f").placeholders.commitNumber,
+        onInput: c(this, C, "f"),
         mode: "numeric",
-        ref: t => c(this, u, t, "f")
-      }), m(this, b, "f").call(this, m(this, u, "f")))));
+        ref: t => m(this, u, t, "f")
+      }), c(this, b, "f").call(this, c(this, u, "f")))));
     }));
     x.set(this, (() => {
       if (this.selectedOption !== "fromCommitDate") {
@@ -193,20 +193,20 @@ const j = class {
       }, e("button", {
         id: "last-seven-days-button",
         class: "button-secondary",
-        onClick: () => m(this, g, "f").call(this, "lastSevenDays")
-      }, m(this, d, "f").captions.lastSevenDays)), e("div", {
+        onClick: () => c(this, g, "f").call(this, "lastSevenDays")
+      }, c(this, d, "f").captions.lastSevenDays)), e("div", {
         class: "layout__panel"
       }, e("button", {
         id: "last-thirty-days-button",
         class: "button-secondary",
-        onClick: () => m(this, g, "f").call(this, "lastThirtyDays")
-      }, m(this, d, "f").captions.lastThirtyDays)), e("div", {
+        onClick: () => c(this, g, "f").call(this, "lastThirtyDays")
+      }, c(this, d, "f").captions.lastThirtyDays)), e("div", {
         class: "layout__panel"
       }, e("button", {
         id: "last-ninety-days-button",
         class: "button-secondary",
-        onClick: () => m(this, g, "f").call(this, "lastNinetyDays")
-      }, m(this, d, "f").captions.lastNinetyDays)));
+        onClick: () => c(this, g, "f").call(this, "lastNinetyDays")
+      }, c(this, d, "f").captions.lastNinetyDays)));
     }));
     this.sinceCommitDate = undefined;
     this.sinceCommitNumber = undefined;
@@ -217,21 +217,21 @@ const j = class {
     this.confirmCallback = undefined;
   }
   async componentWillLoad() {
-    c(this, d, await a.getComponentStrings(this.el), "f");
+    m(this, d, await a.getComponentStrings(this.el), "f");
     this.radioGroupModel = [ {
       value: T.fromCommitDate.value,
-      caption: m(this, d, "f").captions.commitDate
+      caption: c(this, d, "f").captions.commitDate
     }, {
       value: T.fromCommitNumber.value,
-      caption: m(this, d, "f").captions.commitNumber
+      caption: c(this, d, "f").captions.commitNumber
     } ];
   }
   componentDidRender() {
-    if (this.selectedOption === "fromCommitDate" && m(this, f, "f")) {
-      m(this, v, "f").call(this, [ m(this, f, "f") ]);
+    if (this.selectedOption === "fromCommitDate" && c(this, f, "f")) {
+      c(this, v, "f").call(this, [ c(this, f, "f") ]);
     }
-    if (this.selectedOption === "fromCommitNumber" && m(this, u, "f")) {
-      m(this, v, "f").call(this, [ m(this, u, "f") ]);
+    if (this.selectedOption === "fromCommitNumber" && c(this, u, "f")) {
+      c(this, v, "f").call(this, [ c(this, u, "f") ]);
     }
   }
   render() {
@@ -240,7 +240,7 @@ const j = class {
     }, e("ch-theme", {
       model: N
     }), e("ch-shortcuts", {
-      src: m(this, p, "f")
+      src: c(this, p, "f")
     }), e("div", {
       class: {
         "spacing-body": true,
@@ -249,26 +249,26 @@ const j = class {
       }
     }, e("p", {
       class: "body-regular-m heading"
-    }, m(this, d, "f").labels.selectRange), e("ch-radio-group-render", {
+    }, c(this, d, "f").labels.selectRange), e("ch-radio-group-render", {
       class: "radio-group",
       direction: "horizontal",
       model: this.radioGroupModel,
-      onChange: m(this, D, "f"),
+      onChange: c(this, D, "f"),
       value: T.fromCommitDate.value
-    }), m(this, x, "f").call(this), m(this, W, "f").call(this), m(this, _, "f").call(this)), e("footer", {
+    }), c(this, x, "f").call(this), c(this, W, "f").call(this), c(this, _, "f").call(this)), e("footer", {
       class: "dialog-footer-with-border spacing-body"
     }, e("div", {
       class: "buttons-spacer"
     }, e("button", {
       class: "button-secondary",
       id: "cancel-button",
-      onClick: m(this, y, "f")
-    }, m(this, d, "f").buttons.cancel), e("button", {
+      onClick: c(this, y, "f")
+    }, c(this, d, "f").buttons.cancel), e("button", {
       id: "confirm-button",
       class: "button-primary",
-      onClick: m(this, w, "f"),
-      disabled: m(this, M, "f").call(this)
-    }, m(this, d, "f").buttons.confirm))));
+      onClick: c(this, w, "f"),
+      disabled: c(this, M, "f").call(this)
+    }, c(this, d, "f").buttons.confirm))));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/team-dev-bring-all-changes-selector" ];
@@ -286,4 +286,4 @@ x = new WeakMap;
 j.style = h;
 
 export { j as gx_ide_team_dev_bring_all_changes_selector };
-//# sourceMappingURL=p-899ec74e.entry.js.map
+//# sourceMappingURL=p-e883cd82.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["bringAllChangesSelectorCss","CSS_BUNDLES","MERGE_ACTION_OPTIONS","fromCommitDate","value","fromCommitNumber","GxIdeBringAllChangesSelector","_GxIdeBringAllChangesSelector_componentLocale","set","this","_GxIdeBringAllChangesSelector_revisionNumberRef","_GxIdeBringAllChangesSelector_revisionDateRef","_GxIdeBringAllChangesSelector_shortcutsSrc","getAssetPath","_GxIdeBringAllChangesSelector_evaluateTooltipRender","controlReference","_b","_a","validatableControls","get","id","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeBringAllChangesSelector_initializeValidatableControls","forEach","validatableControl","has","reference","undefined","_GxIdeBringAllChangesSelector_cancelClickHandler","async","cancelCallback","_GxIdeBringAllChangesSelector_confirmClickHandler","formSubmitResult","selectedMergeActionData","operationType","selectedOption","fromDate","sinceCommitDate","fromRevision","sinceCommitNumber","confirmCallback","validateControls","_GxIdeBringAllChangesSelector_handleLastDates","lastDates","currentDate","Date","sinceDate","setDate","getDate","_GxIdeBringAllChangesSelector_handleCommitDateValueChanged","event","detail","year","month","day","split","map","Number","clearControlError","_GxIdeBringAllChangesSelector_handleCommitNumberValueChanged","_GxIdeBringAllChangesSelector_handleRadioGroupValueChange","_GxIdeBringAllChangesSelector_confirmButtonDisabled","isNaN","getTime","_GxIdeBringAllChangesSelector_renderCommitDateInput","htmlFor","__classPrivateFieldGet","labels","commitDate","input","type","toISOString","onInput","ref","el","__classPrivateFieldSet","call","_GxIdeBringAllChangesSelector_renderCommitNumberInput","commitNumber","placeholder","placeholders","mode","_GxIdeBringAllChangesSelector_renderLastDatesButtons","onClick","captions","lastSevenDays","lastThirtyDays","lastNinetyDays","Map","componentWillLoad","Locale","getComponentStrings","radioGroupModel","caption","componentDidRender","render","Host","model","src","selectRange","direction","onChange","buttons","cancel","disabled","confirm"],"sources":["src/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.scss?tag=gx-ide-team-dev-bring-all-changes-selector&encapsulation=shadow","src/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.tsx"],"sourcesContent":["@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: 1fr max-content;\n}\n\n.commit-date-container,\n.commit-number-container {\n  display: grid;\n  gap: var(--spacing-gap-xl);\n}\n\n.commit-date-container {\n  grid-template-rows: max-content max-content max-content max-content;\n}\n\n.commit-number-container {\n  grid-template-rows: max-content max-content max-content;\n}\n\n.heading {\n  margin-block: 0;\n}\n\n.tooltip {\n  position: absolute;\n}\n","import {\n  Component,\n  Element,\n  getAssetPath,\n  h,\n  Host,\n  Prop,\n  State\n} from \"@stencil/core\";\n\nimport {\n  ChRadioGroupRenderCustomEvent,\n  RadioGroupModel\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../components\";\nimport {\n  clearControlError,\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { config } from \"../../../common/config\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"components/checkbox\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/radio-group\",\n  \"components/tooltip\",\n  \"utils/layout\"\n];\n\nconst MERGE_ACTION_OPTIONS = {\n  fromCommitDate: {\n    value: \"fromCommitDate\"\n  },\n  fromCommitNumber: {\n    value: \"fromCommitNumber\"\n  }\n};\n\n@Component({\n  tag: \"gx-ide-team-dev-bring-all-changes-selector\",\n  styleUrl: \"bring-all-changes-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-bring-all-changes-selector\"]\n})\nexport class GxIdeBringAllChangesSelector {\n  #componentLocale: any;\n  #revisionNumberRef: HTMLChEditElement;\n  #revisionDateRef: HTMLChEditElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/team-dev-bring-all-changes-selector/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeTeamDevBringAllChangesSelectorElement;\n  /**\n   * Date from which the commits will be merged\n   */\n  @State() sinceCommitDate: Date | undefined = undefined;\n\n  /**\n   * Number from which the commits will be merged\n   */\n  @State() sinceCommitNumber: number | undefined = undefined;\n\n  /**\n   * The selected option from the radio group.\n   */\n  @State() selectedOption: MergeActionTaken = MERGE_ACTION_OPTIONS\n    .fromCommitDate.value as MergeActionTaken;\n\n  /**\n   * Model for the radio group.\n   */\n  @State() radioGroupModel: RadioGroupModel = [];\n\n  /**\n   * Map of validatable controls in the form.\n   */\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Callback that must be invoked when the 'Cancel' button is pressed.\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Confirm' button is pressed.\n   */\n  @Prop() readonly confirmCallback!: (\n    selectedMergeActionData: SelectedMergeActionData\n  ) => Promise<FormSubmitResult>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.radioGroupModel = [\n      {\n        value: MERGE_ACTION_OPTIONS.fromCommitDate.value,\n        caption: this.#componentLocale.captions.commitDate\n      },\n      {\n        value: MERGE_ACTION_OPTIONS.fromCommitNumber.value,\n        caption: this.#componentLocale.captions.commitNumber\n      }\n    ];\n  }\n\n  componentDidRender() {\n    if (this.selectedOption === \"fromCommitDate\" && this.#revisionDateRef) {\n      this.#initializeValidatableControls([this.#revisionDateRef]);\n    }\n\n    if (this.selectedOption === \"fromCommitNumber\" && this.#revisionNumberRef) {\n      this.#initializeValidatableControls([this.#revisionNumberRef]);\n    }\n  }\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #initializeValidatableControls = (validatableControls: HTMLElement[]) => {\n    validatableControls.forEach(validatableControl => {\n      if (\n        validatableControl.id &&\n        !this.validatableControls.has(validatableControl.id)\n      ) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #cancelClickHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  #confirmClickHandler = async () => {\n    let formSubmitResult: FormSubmitResult;\n    const selectedMergeActionData: SelectedMergeActionData = {\n      operationType: this.selectedOption,\n      fromDate:\n        this.selectedOption === \"fromCommitDate\"\n          ? this.sinceCommitDate\n          : undefined,\n      fromRevision:\n        this.selectedOption === \"fromCommitNumber\"\n          ? this.sinceCommitNumber\n          : undefined\n    };\n    formSubmitResult = await this.confirmCallback(selectedMergeActionData);\n    this.validatableControls = validateControls(\n      formSubmitResult,\n      this.validatableControls\n    );\n  };\n\n  #handleLastDates = (lastDates: LastDates) => {\n    const currentDate = new Date();\n    let sinceDate = new Date();\n    switch (lastDates) {\n      case \"lastSevenDays\":\n        sinceDate.setDate(currentDate.getDate() - 7);\n        break;\n      case \"lastThirtyDays\":\n        sinceDate.setDate(currentDate.getDate() - 30);\n        break;\n      case \"lastNinetyDays\":\n        sinceDate.setDate(currentDate.getDate() - 90);\n        break;\n    }\n    this.sinceCommitDate = sinceDate;\n  };\n\n  #handleCommitDateValueChanged = (event: CustomEvent<string> | InputEvent) => {\n    const value = event.detail as string;\n    if (value && value !== \"\") {\n      const [year, month, day] = value.split(\"-\").map(Number);\n      this.sinceCommitDate = new Date(year, month - 1, day);\n    } else {\n      this.sinceCommitDate = undefined;\n    }\n    clearControlError(this.validatableControls, \"commit-date\");\n  };\n\n  #handleCommitNumberValueChanged = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.sinceCommitNumber = Number(event.detail);\n    clearControlError(this.validatableControls, \"commit-number\");\n  };\n\n  #handleRadioGroupValueChange = (\n    event: ChRadioGroupRenderCustomEvent<string>\n  ) => {\n    this.selectedOption = event.detail as MergeActionTaken;\n    if (this.selectedOption === \"fromCommitDate\") {\n      this.sinceCommitNumber = undefined;\n      clearControlError(this.validatableControls, \"commit-number\");\n    } else if (this.selectedOption === \"fromCommitNumber\") {\n      this.sinceCommitDate = undefined;\n      clearControlError(this.validatableControls, \"commit-date\");\n    }\n  };\n\n  #confirmButtonDisabled = (): boolean => {\n    if (this.selectedOption === \"fromCommitDate\") {\n      // Validate that sinceCommitDate is a valid date\n      return !(\n        this.sinceCommitDate instanceof Date &&\n        !isNaN(this.sinceCommitDate.getTime())\n      );\n    } else if (this.selectedOption === \"fromCommitNumber\") {\n      // Validate that sinceCommitNumber is a valid number\n      return !(this.sinceCommitNumber > 0);\n    }\n    return true;\n  };\n\n  #renderCommitDateInput = () => {\n    if (this.selectedOption !== \"fromCommitDate\") {\n      return null;\n    }\n    return (\n      <div class=\"layout layout--cols-2-1\">\n        <div class=\"layout__panel\">\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"commit-date\">\n              {this.#componentLocale.labels.commitDate}\n            </label>\n            <ch-edit\n              class={{\n                \"input\": true,\n                \"input-error\":\n                  this.validatableControls.get(\"commit-date\")?.hasError\n              }}\n              id=\"commit-date\"\n              type=\"date\"\n              value={\n                this.sinceCommitDate &&\n                this.sinceCommitDate.toISOString().split(\"T\")[0]\n              }\n              onInput={this.#handleCommitDateValueChanged}\n              ref={(el: HTMLChEditElement) =>\n                (this.#revisionDateRef = el as HTMLChEditElement)\n              }\n            />\n            {this.#evaluateTooltipRender(this.#revisionDateRef)}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  #renderCommitNumberInput = () => {\n    if (this.selectedOption !== \"fromCommitNumber\") {\n      return null;\n    }\n    return (\n      <div class=\"layout layout--cols-2-1\">\n        <div class=\"layout__panel\">\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"commit-number\">\n              {this.#componentLocale.labels.commitNumber}\n            </label>\n            <ch-edit\n              class={{\n                \"input\": true,\n                \"input-error\":\n                  this.validatableControls.get(\"commit-number\")?.hasError\n              }}\n              id=\"commit-number\"\n              type=\"number\"\n              placeholder={this.#componentLocale.placeholders.commitNumber}\n              onInput={this.#handleCommitNumberValueChanged}\n              mode=\"numeric\"\n              ref={(el: HTMLChEditElement) =>\n                (this.#revisionNumberRef = el as HTMLChEditElement)\n              }\n            />\n            {this.#evaluateTooltipRender(this.#revisionNumberRef)}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  #renderLastDatesButtons = () => {\n    if (this.selectedOption !== \"fromCommitDate\") {\n      return null;\n    }\n\n    return (\n      <div class=\"layout layout--cols-3\">\n        <div class=\"layout__panel\">\n          <button\n            id=\"last-seven-days-button\"\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastSevenDays\")}\n          >\n            {this.#componentLocale.captions.lastSevenDays}\n          </button>\n        </div>\n        <div class=\"layout__panel\">\n          <button\n            id=\"last-thirty-days-button\"\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastThirtyDays\")}\n          >\n            {this.#componentLocale.captions.lastThirtyDays}\n          </button>\n        </div>\n        <div class=\"layout__panel\">\n          <button\n            id=\"last-ninety-days-button\"\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastNinetyDays\")}\n          >\n            {this.#componentLocale.captions.lastNinetyDays}\n          </button>\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n        <div\n          class={{\n            \"spacing-body\": true,\n            \"commit-date-container\": this.selectedOption === \"fromCommitDate\",\n            \"commit-number-container\":\n              this.selectedOption === \"fromCommitNumber\"\n          }}\n        >\n          <p class=\"body-regular-m heading\">\n            {this.#componentLocale.labels.selectRange}\n          </p>\n          <ch-radio-group-render\n            class=\"radio-group\"\n            direction=\"horizontal\"\n            model={this.radioGroupModel}\n            onChange={this.#handleRadioGroupValueChange}\n            value={MERGE_ACTION_OPTIONS.fromCommitDate.value}\n          />\n\n          {this.#renderLastDatesButtons()}\n          {this.#renderCommitDateInput()}\n          {this.#renderCommitNumberInput()}\n        </div>\n\n        <footer class=\"dialog-footer-with-border spacing-body\">\n          <div class=\"buttons-spacer\">\n            <button\n              class=\"button-secondary\"\n              id=\"cancel-button\"\n              onClick={this.#cancelClickHandler}\n            >\n              {this.#componentLocale.buttons.cancel}\n            </button>\n\n            <button\n              id=\"confirm-button\"\n              class=\"button-primary\"\n              onClick={this.#confirmClickHandler}\n              disabled={this.#confirmButtonDisabled()}\n            >\n              {this.#componentLocale.buttons.confirm}\n            </button>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n\nexport type SelectedMergeActionData = {\n  operationType: MergeActionTaken;\n  fromDate?: Date;\n  fromRevision?: number;\n};\n\nexport type MergeActionTaken = \"fromCommitDate\" | \"fromCommitNumber\";\n\nexport type LastDates = \"lastSevenDays\" | \"lastThirtyDays\" | \"lastNinetyDays\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-e4c250eb.entry.js → p-ebb56b65.entry.js}

@@ -51,7 +51,7 @@ const mapDataTypesToList = t => t.map(((t, e) => ({
   order: e
 })));
 
-const a = ":host{position:relative;display:grid;block-size:100%;overflow:auto;grid-template-rows:1fr max-content;--control-border-width:1px;--control-border-radius:4px}.main{display:contents}.selected-category{margin:0;text-transform:capitalize;margin-inline-start:16px;white-space:nowrap}.footer{overflow:auto;padding:var(--spacing-padding-m)}.list-box::part(item__action),.list-box::part(group__action){font-size:var(--font-size-body-s) !important}.pseudo-icon{inline-size:var(--icon-m);block-size:var(--icon-m);display:flex;align-items:center;justify-content:center}";
+const a = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{position:relative;display:grid;block-size:100%;overflow:auto;grid-template-rows:1fr max-content;--control-border-width:1px;--control-border-radius:4px}.main{display:contents}.selected-category{margin:0;text-transform:capitalize;margin-inline-start:16px;white-space:nowrap}.footer{overflow:auto;padding:var(--spacing-padding-m)}.list-box::part(item__action),.list-box::part(group__action){font-size:var(--font-size-body-s) !important}.pseudo-icon{inline-size:var(--icon-m);block-size:var(--icon-m);display:flex;align-items:center;justify-content:center}";
 
 var r = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
   if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
@@ -66,7 +66,7 @@ var c = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, n)
   return i === "a" ? n.call(t, s) : n ? n.value = s : e.set(t, s), s;
 };
 
-var h, f, l, d, p, u, w, m, y, g, b, k, v, M, T, W, x;
+var h, l, f, d, p, u, w, m, y, b, g, k, v, M, T, W, x;
 
 const C = [ "resets/box-sizing", "components/list-box", "utils/form--full", "utils/typography", "utils/layout", "utils/spacing", "chameleon/scrollbar" ];
 
@@ -92,8 +92,8 @@ const A = class {
   constructor(s) {
     t(this, s);
     h.set(this, void 0);
-    f.set(this, false);
-    l.set(this, new Map);
+    l.set(this, false);
+    f.set(this, new Map);
     d.set(this, new Map);
     p.set(this, new Map);
     u.set(this, null);
@@ -104,7 +104,7 @@ const A = class {
     });
     m.set(this, false);
     y.set(this, void 0);
-    g.set(this, (t => {
+    b.set(this, (t => {
       const e = t.find((t => t.tagName === "CH-ACTION-LIST-ITEM"));
       if (e) {
         const t = e.id;
@@ -112,7 +112,7 @@ const A = class {
         this.dataTypeSelectedCallback(s);
       }
     }));
-    b.set(this, (t => {
+    g.set(this, (t => {
       const e = t.key;
       const s = t.composedPath();
       if (e === I || e === $) {
@@ -133,7 +133,7 @@ const A = class {
           }
         }
       } else if (e === j) {
-        r(this, g, "f").call(this, s);
+        r(this, b, "f").call(this, s);
       } else if (e === E) {
         t.stopPropagation();
       }
@@ -144,17 +144,17 @@ const A = class {
         return;
       } else {
         const e = t.composedPath();
-        r(this, g, "f").call(this, e);
+        r(this, b, "f").call(this, e);
       }
       c(this, u, null, "f");
     }));
     v.set(this, (() => {
-      if (!r(this, f, "f")) {
+      if (!r(this, l, "f")) {
         const t = [];
         let e = 1;
-        const s = r(this, l, "f").size;
-        for (const i of r(this, l, "f").keys()) {
-          t.push(r(this, l, "f").get(i));
+        const s = r(this, f, "f").size;
+        for (const i of r(this, f, "f").keys()) {
+          t.push(r(this, f, "f").get(i));
           if (e !== s) {
             t.push({
               type: "separator"
@@ -163,20 +163,20 @@ const A = class {
           e++;
         }
         this.categoriesListBoxModel = t;
-        c(this, f, true, "f");
+        c(this, l, true, "f");
         this.selectedCategory = _;
       }
     }));
     M.set(this, (() => {
-      c(this, f, false, "f");
+      c(this, l, false, "f");
       this.categoriesListBoxModel = this.recentlyUsedActionListModel;
       this.selectedCategory = z;
     }));
     this.selectedCategoryHandler = t => {
       this.selectedCategory = t.currentTarget.dataset.name;
-      const e = [ r(this, l, "f").get(this.selectedCategory) ];
+      const e = [ r(this, f, "f").get(this.selectedCategory) ];
       this.categoriesListBoxModel = e;
-      c(this, f, false, "f");
+      c(this, l, false, "f");
     };
     T.set(this, (t => {
       // Prevents bubbling, which causes this component to close, due to how the IDE handles Tab event
@@ -273,10 +273,10 @@ const A = class {
     if (!(t === null || t === void 0 ? void 0 : t.length)) {
       return;
     }
-    r(this, l, "f").clear();
+    r(this, f, "f").clear();
     t.forEach((t => {
       const e = mapCategoryToListItemGroup(t);
-      r(this, l, "f").set(t.name, e);
+      r(this, f, "f").set(t.name, e);
       t.types.forEach((e => {
         const s = e.selected;
         if (s) {
@@ -325,7 +325,7 @@ const A = class {
       class: "list-box",
       model: this.categoriesListBoxModel,
       selection: "single",
-      onKeyDown: r(this, b, "f"),
+      onKeyDown: r(this, g, "f"),
       onClick: r(this, k, "f")
     }), r(this, W, "f").call(this)));
   }
@@ -343,12 +343,12 @@ const A = class {
   }
 };
 
-h = new WeakMap, f = new WeakMap, l = new WeakMap, d = new WeakMap, p = new WeakMap, 
-u = new WeakMap, w = new WeakMap, m = new WeakMap, y = new WeakMap, g = new WeakMap, 
-b = new WeakMap, k = new WeakMap, v = new WeakMap, M = new WeakMap, T = new WeakMap, 
+h = new WeakMap, l = new WeakMap, f = new WeakMap, d = new WeakMap, p = new WeakMap, 
+u = new WeakMap, w = new WeakMap, m = new WeakMap, y = new WeakMap, b = new WeakMap, 
+g = new WeakMap, k = new WeakMap, v = new WeakMap, M = new WeakMap, T = new WeakMap, 
 W = new WeakMap, x = new WeakMap;
 
 A.style = a;
 
 export { A as gx_ide_data_type_selector };
-//# sourceMappingURL=p-e4c250eb.entry.js.map
+//# sourceMappingURL=p-ebb56b65.entry.js.map