@genexus/genexus-ide-ui 2.1.2 → 2.1.3

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapCategoryToListItemGroup","category","categoryGroup","caption","name","id","type","expanded","expandable","items","types","map","selected","additionalInformation","center","imgSrc","icon","mapDataTypesToList","dataTypes","dataType","index","undefined","order","dataTypeSelectorCss","CSS_BUNDLES","ARROW_UP_KEY","ARROW_DOWN_KEY","ENTER_KEY","TAB_KEY","ALL_CATEGORY_ID","RECENTLY_USED_CATEGORY_ID","CLOCK_ICON","getIconPath","colorType","GxIdeKbManagerImport","_GxIdeKbManagerImport__componentLocale","set","this","_GxIdeKbManagerImport_showAll","_GxIdeKbManagerImport_categoriesActionListItemGroupMap","Map","_GxIdeKbManagerImport_dataTypeCategoryMap","_GxIdeKbManagerImport_dataTypeDataIdMap","_GxIdeKbManagerImport_lastArrowKey","_GxIdeKbManagerImport_selectedDataTypeIds","categoryId","dataTypeId","_GxIdeKbManagerImport_focusAlreadySet","_GxIdeKbManagerImport_actionListEl","_GxIdeKbManagerImport_evaluateSelectionChanged","path","chActionListItem","find","el","tagName","dataTypeData","__classPrivateFieldGet","get","dataTypeSelectedCallback","_GxIdeKbManagerImport_listKeyDownHandler","event","pressedKey","key","composedPath","__classPrivateFieldSet","actionGroup","currentFocusedActionGroupId","firstActionListGroupId","shadowRoot","firstElementChild","arrowUpOnFirstElement","call","stopPropagation","_GxIdeKbManagerImport_listClickHandler","detail","_GxIdeKbManagerImport_showAllObjects","allCategoriesActionListModel","counter","mapLength","size","keys","push","categoriesListBoxModel","selectedCategory","_GxIdeKbManagerImport_showRecentlyObjects","recentlyUsedActionListModel","selectedCategoryHandler","e","currentTarget","dataset","newSelectedCategory","_GxIdeKbManagerImport_handleButtonTab","_GxIdeKbManagerImport_renderFooter","recentlyUsedBtnClass","allBtnClass","selectedCategoryDescription","fixedTypes","recentlyUsed","all","h","class","length","select","title","onClick","onKeyDown","src","categories","buttonClass","_GxIdeKbManagerImport_setFocus","async","focusableElement","setTimeout","focusType","selectedDataTypeEl","getElementById","firstActionListGroup","firstButton","focus","categoriesChanged","newCategories","clear","forEach","categoryListBoxModel","isSelected","loading","categoriesJustChanged","recentlyUsedChanged","newRecentlyUsed","componentWillLoad","Locale","getComponentStrings","render","Host","model","loaderTitle","loader","description","show","ref","selection"],"sources":["src/components/data-type-selector/helpers.ts","src/components/data-type-selector/data-type-selector.scss?tag=gx-ide-data-type-selector&encapsulation=shadow","src/components/data-type-selector/data-type-selector.tsx"],"sourcesContent":["import { DataTypeCategoryData, DataTypeData } from \"./data-type-selector\";\nimport {\n  ActionListItemGroup,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n\nexport const mapCategoryToListItemGroup = (\n  category: DataTypeCategoryData\n): ActionListItemGroup => {\n  const categoryGroup: ActionListItemGroup = {\n    caption: category.name,\n    id: category.name,\n    type: \"group\",\n    expanded: true,\n    expandable: true,\n    items: category.types.map(type => {\n      return {\n        caption: type.name,\n        id: type.name,\n        selected: type.selected,\n        additionalInformation: {\n          \"stretch-start\": {\n            center: [{ imgSrc: type.icon }]\n          }\n        },\n        type: \"actionable\"\n      };\n    })\n  };\n  return categoryGroup;\n};\n\nexport const mapDataTypesToList = (\n  dataTypes: DataTypeData[]\n): ActionListModel => {\n  return dataTypes.map((dataType, index) => {\n    return {\n      caption: dataType.name,\n      id: dataType.name,\n      selected: dataType.selected,\n      additionalInformation: {\n        \"stretch-start\": {\n          center: [{ imgSrc: dataType.icon || undefined }]\n        }\n      },\n      type: \"actionable\",\n      order: index\n    };\n  });\n};\n","@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  position: relative;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr max-content;\n\n  // WA: Prevent a custom css rule on genexus-web from overriding --control-border-width value.\n  // TDOO: remove this when the custom style is removed from genexus-web.\n  // custom stlye is: .gx-struct-editor .tabular-grid-cell {\n  //   --control-border-width: 0;\n  // }\n\n  --control-border-width: 1px;\n  --control-border-radius: 4px;\n}\n\n.main {\n  display: contents;\n}\n\n.selected-category {\n  margin: 0;\n  text-transform: capitalize;\n  margin-inline-start: 16px; // TODO: Create a semantic class in Mercury for this case.\n  white-space: nowrap;\n}\n\n.footer {\n  overflow: auto;\n  padding: var(--spacing-padding-m);\n}\n\n// WA: Reduce font-size. This should be solved on Mercury.\n.list-box::part(item__action),\n.list-box::part(group__action) {\n  font-size: var(--font-size-body-s) !important;\n}\n\n// WA: There is no icon for [*]. This should be added to the icon library,\n// and use a ch-image instead.\n.pseudo-icon {\n  inline-size: var(--icon-m);\n  block-size: var(--icon-m);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n","// Stencil\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  ActionListItemModel,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library\";\nimport { ActionListItemGroup } from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n// Gx Ide Ui\nimport { Locale } from \"../../common/locale\";\nimport { mapCategoryToListItemGroup, mapDataTypesToList } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/list-box\",\n  \"utils/form--full\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst ARROW_UP_KEY = \"ArrowUp\";\nconst ARROW_DOWN_KEY = \"ArrowDown\";\nconst ENTER_KEY = \"Enter\";\nconst TAB_KEY = \"Tab\";\n\nconst ALL_CATEGORY_ID = \"all\";\nconst RECENTLY_USED_CATEGORY_ID = \"recenttly-used\";\n\nconst CLOCK_ICON = getIconPath({\n  category: \"system\",\n  name: \"time\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-data-type-selector\",\n  styleUrl: \"data-type-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/data-type-selector\"]\n})\nexport class GxIdeKbManagerImport {\n  #_componentLocale: any;\n  #showAll: boolean = false;\n  #categoriesActionListItemGroupMap: Map<string, ActionListItemGroup> = new Map<\n    string,\n    ActionListItemGroup\n  >();\n\n  #dataTypeCategoryMap: Map<string, string> = new Map<string, string>();\n  #dataTypeDataIdMap: Map<string, DataTypeData> = new Map<\n    string,\n    DataTypeData\n  >();\n  #lastArrowKey: typeof ARROW_UP_KEY | typeof ARROW_DOWN_KEY | null = null;\n  #selectedDataTypeIds: SelectedDataTypeIds = {\n    // For setting focus\n    categoryId: undefined,\n    dataTypeId: undefined\n  };\n  #focusAlreadySet: boolean = false;\n\n  #actionListEl!: HTMLChActionListRenderElement;\n  @Element() el: HTMLGxIdeDataTypeSelectorElement;\n\n  @State() categoriesListBoxModel: ActionListItemModel[] = [];\n  @State() selectedCategory: string;\n  @State() recentlyUsedActionListModel: ActionListModel = [];\n  @State() loading: boolean = true;\n  @State() categoriesJustChanged: boolean = false;\n  @State() actionListDidRender: boolean = false;\n\n  /**\n   * All possible types and its category\n   */\n  @Prop() readonly categories: DataTypeCategoryData[] = undefined;\n  @Watch(\"categories\")\n  categoriesChanged(newCategories: DataTypeCategoryData[]) {\n    if (!newCategories?.length) {\n      return;\n    }\n\n    this.#categoriesActionListItemGroupMap.clear();\n    newCategories.forEach(category => {\n      const categoryListBoxModel = mapCategoryToListItemGroup(category);\n      this.#categoriesActionListItemGroupMap.set(\n        category.name,\n        categoryListBoxModel\n      );\n      category.types.forEach(type => {\n        const isSelected = type.selected;\n        if (isSelected) {\n          // For setting focus\n          this.#selectedDataTypeIds.categoryId = category.name;\n          this.#selectedDataTypeIds.dataTypeId = type.name;\n        }\n\n        this.#dataTypeCategoryMap.set(type.name, category.id);\n        this.#dataTypeDataIdMap.set(type.name, {\n          id: category.id,\n          name: type.name,\n          icon: type.icon,\n          selected: type.selected\n        });\n      });\n    });\n    this.loading = false;\n    this.#showAllObjects();\n    this.categoriesJustChanged = true;\n  }\n\n  /**\n   * Callback invoked when the user has selected an item type\n   */\n  @Prop() readonly dataTypeSelectedCallback: DataTypeSelectedCallback;\n\n  /**\n   * Defines the type of focus applied when the component renders for the first time.\n   */\n  @Prop() readonly arrowUpOnFirstElement: ArrowFirstOnFirstElement;\n\n  /**\n   * Defines the type of focus applied when the component renders for the first time.\n   */\n  @Prop() readonly focusType: \"first-element\" | \"selected\" = \"first-element\";\n\n  /**\n   * All recently used types list\n   */\n  @Prop() readonly recentlyUsed: DataTypeData[] = [];\n  @Watch(\"recentlyUsed\")\n  recentlyUsedChanged(newRecentlyUsed: DataTypeData[]) {\n    this.recentlyUsedActionListModel = null;\n    this.recentlyUsedActionListModel = mapDataTypesToList(newRecentlyUsed);\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    // initialize models\n    this.recentlyUsed.length && this.recentlyUsedChanged(this.recentlyUsed);\n  }\n\n  #evaluateSelectionChanged = (path: EventTarget[]) => {\n    const chActionListItem = path.find(\n      el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-ITEM\"\n    );\n    if (chActionListItem) {\n      const id = (chActionListItem as HTMLElement).id;\n      const dataTypeData = this.#dataTypeDataIdMap.get(id);\n      this.dataTypeSelectedCallback(dataTypeData);\n    }\n  };\n\n  #listKeyDownHandler = (event: KeyboardEvent) => {\n    const pressedKey = event.key;\n    const path = event.composedPath();\n\n    if (pressedKey === ARROW_UP_KEY || pressedKey === ARROW_DOWN_KEY) {\n      this.#lastArrowKey = pressedKey;\n\n      if (pressedKey === ARROW_UP_KEY) {\n        // Check if this is the first group. IF it is, let the host know,\n        // so it can close the dialog.\n\n        const chActionListItem = path.find(\n          el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-ITEM\"\n        );\n\n        if (chActionListItem !== undefined) {\n          return;\n        }\n\n        // This is a ch-action-list-group\n        const actionGroup = path.find(\n          el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-GROUP\"\n        );\n        const currentFocusedActionGroupId = (actionGroup as HTMLElement).id;\n\n        const firstActionListGroupId =\n          this.#actionListEl.shadowRoot.firstElementChild.id;\n\n        if (currentFocusedActionGroupId === firstActionListGroupId) {\n          this.arrowUpOnFirstElement();\n        }\n      }\n    } else if (pressedKey === ENTER_KEY) {\n      this.#evaluateSelectionChanged(path);\n    } else if (pressedKey === TAB_KEY) {\n      event.stopPropagation();\n    }\n  };\n\n  #listClickHandler = (event: MouseEvent) => {\n    if (this.#lastArrowKey) {\n      // User navigated with ArrowUp or ArrowDown\n      // Ignore, since this was not a click event.\n    } else if (event.detail === 0) {\n      // ignore keyboard Enter (Enter happens by default on buttons on onClick)\n      return;\n    } else {\n      const path = event.composedPath();\n      this.#evaluateSelectionChanged(path);\n    }\n    this.#lastArrowKey = null;\n  };\n\n  #showAllObjects = () => {\n    if (!this.#showAll) {\n      const allCategoriesActionListModel: ActionListItemModel[] = [];\n      let counter = 1;\n      const mapLength = this.#categoriesActionListItemGroupMap.size;\n      for (const key of this.#categoriesActionListItemGroupMap.keys()) {\n        allCategoriesActionListModel.push(\n          this.#categoriesActionListItemGroupMap.get(key)\n        );\n        if (counter !== mapLength) {\n          allCategoriesActionListModel.push({ type: \"separator\" });\n        }\n        counter++;\n      }\n      this.categoriesListBoxModel = allCategoriesActionListModel;\n      this.#showAll = true;\n      this.selectedCategory = ALL_CATEGORY_ID;\n    }\n  };\n\n  #showRecentlyObjects = () => {\n    this.#showAll = false;\n    this.categoriesListBoxModel = this.recentlyUsedActionListModel;\n    this.selectedCategory = RECENTLY_USED_CATEGORY_ID;\n  };\n\n  private selectedCategoryHandler = (e: MouseEvent) => {\n    this.selectedCategory = (e.currentTarget as HTMLButtonElement).dataset.name;\n    const newSelectedCategory = [\n      this.#categoriesActionListItemGroupMap.get(this.selectedCategory)\n    ];\n    this.categoriesListBoxModel = newSelectedCategory;\n    this.#showAll = false;\n  };\n\n  #handleButtonTab = (event: KeyboardEvent) => {\n    // Prevents bubbling, which causes this component to close, due to how the IDE handles Tab event\n    // in a parent element.\n    if (event.key === TAB_KEY || event.key === ENTER_KEY) {\n      event.stopPropagation();\n    }\n  };\n\n  #renderFooter = () => {\n    const recentlyUsedBtnClass =\n      this.selectedCategory === RECENTLY_USED_CATEGORY_ID\n        ? \"button-secondary\"\n        : \"button-tertiary\";\n    const allBtnClass =\n      this.selectedCategory === ALL_CATEGORY_ID\n        ? \"button-secondary\"\n        : \"button-tertiary\";\n    let selectedCategoryDescription = this.selectedCategory;\n    if (this.selectedCategory === RECENTLY_USED_CATEGORY_ID) {\n      selectedCategoryDescription =\n        this.#_componentLocale.fixedTypes.recentlyUsed;\n    } else if (this.selectedCategory === ALL_CATEGORY_ID) {\n      selectedCategoryDescription = this.#_componentLocale.fixedTypes.all;\n    } else {\n      selectedCategoryDescription = this.selectedCategory;\n    }\n\n    return (\n      <footer\n        class=\"footer dialog-footer dialog-footer-start scrollable\n      \"\n      >\n        <div class=\"buttons-spacer\">\n          {this.recentlyUsed && this.recentlyUsed.length > 0 && (\n            <button\n              class={`button-icon-only ${recentlyUsedBtnClass}`}\n              aria-label={`${this.#_componentLocale.select} ${\n                this.#_componentLocale.fixedTypes.recentlyUsed\n              }`}\n              title={`${this.#_componentLocale.select} ${\n                this.#_componentLocale.fixedTypes.recentlyUsed\n              }`}\n              onClick={this.#showRecentlyObjects}\n              onKeyDown={this.#handleButtonTab}\n            >\n              <ch-image class=\"icon-m\" src={CLOCK_ICON}></ch-image>\n            </button>\n          )}\n          <button\n            class={`button-icon-only ${allBtnClass}`}\n            onClick={this.#showAllObjects}\n            onKeyDown={this.#handleButtonTab}\n            aria-label={`${this.#_componentLocale.select} ${\n              this.#_componentLocale.fixedTypes.all\n            }`}\n            title={`${this.#_componentLocale.select} ${\n              this.#_componentLocale.fixedTypes.all\n            }`}\n          >\n            <span class=\"pseudo-icon\">[*]</span>\n          </button>\n          {this.categories.map(category => {\n            const buttonClass =\n              category.name === this.selectedCategory\n                ? \"button-secondary\"\n                : \"button-tertiary\";\n\n            return (\n              <button\n                class={`button-icon-only ${buttonClass}`}\n                aria-label={category.name}\n                title={category.name}\n                onClick={this.selectedCategoryHandler}\n                onKeyDown={this.#handleButtonTab}\n                data-name={category.name}\n              >\n                <ch-image class=\"icon-m\" src={category.icon}></ch-image>\n              </button>\n            );\n          })}\n        </div>\n        <p class=\"body-regular-s selected-category\">\n          {selectedCategoryDescription}\n        </p>\n      </footer>\n    );\n  };\n\n  #setFocus = async () => {\n    if (this.#focusAlreadySet) {\n      return;\n    }\n    let focusableElement: HTMLElement;\n\n    setTimeout(() => {\n      // setTimeout as a WA, since the list-box elements are not rendered/read immediatelly\n      if (\n        this.focusType === \"selected\" &&\n        this.#selectedDataTypeIds.categoryId &&\n        this.#selectedDataTypeIds.dataTypeId\n      ) {\n        // set focus on the selected element\n        const selectedDataTypeEl = this.#actionListEl.shadowRoot.getElementById(\n          this.#selectedDataTypeIds.dataTypeId\n        );\n        if (selectedDataTypeEl) {\n          focusableElement = selectedDataTypeEl;\n        }\n      } else {\n        // set focus of the first element\n        const firstActionListGroup =\n          this.#actionListEl.shadowRoot.firstElementChild;\n\n        const firstButton = firstActionListGroup.shadowRoot.firstElementChild;\n        focusableElement = firstButton as HTMLButtonElement;\n      }\n\n      focusableElement && (focusableElement as HTMLElement).focus();\n      this.#focusAlreadySet = true;\n    }, 150);\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.loading ? (\n          <gx-ide-loader\n            loaderTitle={this.#_componentLocale.loader.title}\n            description={this.#_componentLocale.loader.description}\n            show\n          ></gx-ide-loader>\n        ) : (\n          <section class=\"main\">\n            <ch-action-list-render\n              ref={async (el: HTMLChActionListRenderElement) => {\n                this.#actionListEl = el as HTMLChActionListRenderElement;\n                this.#setFocus();\n              }}\n              class=\"list-box\"\n              model={this.categoriesListBoxModel}\n              selection=\"single\"\n              onKeyDown={this.#listKeyDownHandler}\n              onClick={this.#listClickHandler}\n            ></ch-action-list-render>\n            {this.#renderFooter()}\n          </section>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type DataTypeCategoryData = {\n  id: string;\n  name: string;\n  icon: string;\n  types: DataTypeData[];\n};\nexport type DataTypeData = {\n  id: string;\n  name: string;\n  icon: string;\n  selected: boolean;\n};\n\nexport type DataTypeSelectedCallback = (data: DataTypeData) => Promise<void>;\n\ntype SelectedDataTypeIds = {\n  categoryId: string;\n  dataTypeId: string;\n};\n\nexport type ArrowFirstOnFirstElement = () => Promise<void>;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-b44a875d.entry.js → p-f1b452fb.entry.js}

@@ -32,7 +32,7 @@ const mapObjectTypeToComboBoxItemModel = e => e.map((e => ({
   startImgSrc: e.icon
 })));
 
-const u = '.custom-icon-text-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n}\n\n.warning-error-description {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n  padding: var(--spacing-padding-m);\n  max-inline-size: 800px;\n  line-height: var(--line-height-spacious);\n}\n\n.warning-error-icon {\n  flex-shrink: 0;\n}\n\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n  --pill-border-radius: 12px;\n  --pill-padding-inline: var(--spacing-padding-m);\n  --pill-padding-block: var(--spacing-padding-xxs);\n  --pill-font-size: var(--font-size-body-s);\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content 1fr;\n}\n\n.detail__version, .detail__knowledge-base {\n  padding-inline: var(--spacing-padding-xxl);\n  border-inline-end: 1px solid var(--color-border-surface-on-elevation-1);\n}\n\n.detail__genexus-server {\n  padding-inline-end: var(--spacing-padding-xxl);\n  border-inline-end: 1px solid var(--color-border-surface-on-elevation-1);\n}\n\n.detail__last-full-update {\n  padding-inline-start: var(--spacing-padding-xxl);\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n}\n\n.header__detail {\n  display: grid;\n  row-gap: var(--spacing-gap-xl);\n  grid-auto-columns: max-content;\n  grid-auto-rows: max-content;\n  grid-template-areas: "detail-heading-gx . . ." "detail-genexus-server detail-knowledge-base detail-version detail-last-full-update";\n}\n\n.detail__label {\n  color: var(--color-text-neutral-disabled);\n}\n\n.detail__heading-genexus-server {\n  grid-area: detail-heading-gx;\n}\n\n.detail__genexus-server {\n  grid-area: detail-genexus-server;\n}\n.detail__genexus-server > a {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: inline-block;\n}\n\n.detail__link {\n  align-items: start;\n  color: var(--color-text-primary-default);\n  text-decoration: underline;\n}\n.detail__link:hover {\n  color: var(--color-text-primary-hover);\n}\n.detail__link:active {\n  color: var(--color-text-primary-pressed);\n}\n\n.detail__knowledge-base {\n  grid-area: detail-knowledge-base;\n}\n\n.detail__version {\n  grid-area: detail-version;\n}\n\n.detail__last-full-update {\n  grid-area: detail-last-full-update;\n}\n\n.filter-container {\n  container-type: inline-size;\n  box-sizing: border-box;\n}\n\n.filter {\n  display: grid;\n  margin-block-start: var(--spacing-padding-xxl);\n  grid-template-areas: "filter-search filter-types filter-actions filter-kb-properties filter-buttons";\n  grid-template-columns: 200px 200px 200px max-content 1fr;\n}\n\n@container (max-width: 1100px) {\n  .filter-container > .filter {\n    grid-template-columns: 200px 200px 200px 1fr;\n    grid-template-areas: "filter-search filter-types filter-actions filter-buttons" "filter-kb-properties . . .";\n    grid-auto-rows: max-content;\n  }\n}\n@container (max-width: 900px) {\n  .filter-container > .filter {\n    grid-template-columns: 1fr 1fr 1fr;\n    grid-template-areas: "filter-search filter-types filter-actions" "filter-kb-properties filter-buttons filter-buttons";\n    grid-auto-rows: max-content;\n  }\n}\n.filter__search {\n  grid-area: filter-search;\n}\n\n.filter__types {\n  grid-area: filter-types;\n}\n\n.filter__actions {\n  grid-area: filter-actions;\n}\n\n.filter__kb-properties {\n  grid-area: filter-kb-properties;\n}\n\n.filter__buttons {\n  margin-inline-start: auto;\n  grid-area: filter-buttons;\n}\n\n.main {\n  position: relative;\n  display: grid;\n  overflow: auto;\n}\n\n.loader {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n}\n\n.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.empty-state {\n  block-size: 100%;\n}\n\n.loader {\n  --elevation-background-color: var(--color-accent-surface-elevation-1);\n}\n\n.messages-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  max-inline-size: 800px;\n  padding: var(--spacing-padding-m) 0;\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xxs);\n}\n\n.message-description {\n  line-height: var(--line-height-spacious);\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n}\n\n.message-icon {\n  flex-shrink: 0;\n}\n\n.tabular-grid.empty-result::part(main) {\n  overflow: hidden;\n}\n\n.input-comments-container {\n  position: relative;\n}\n\n.input-comments {\n  --control-border-color: transparent;\n  padding-block: 0 !important;\n  padding-inline: 0 !important;\n  --line-height-tight: 1.4;\n  block-size: 100%;\n  background-color: var(--color-accent-surface-surface);\n  transition: var(--timing-super-fast) block-size, var(--timing-super-fast) background-color, var(--timing-super-fast) padding-block, var(--timing-super-fast) padding-inline;\n}\n\n.input-comments:focus {\n  position: absolute;\n  block-size: 200px;\n  inline-size: 100%;\n  z-index: 99;\n  background-color: var(--color-accent-surface-elevation-1);\n  padding-block: var(--control-padding-block) !important;\n  padding-inline: var(--control-padding-inline) !important;\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  background-size: contain;\n  margin-inline-end: 0;\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--enabled);\n  cursor: pointer;\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):hover {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--hover);\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):active {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--active);\n}\n\n.tabular-grid-row-actions::part(main),\n.property-grid-row-actions::part(main) {\n  gap: 0 !important;\n}\n\n.tabular-grid-row-actions > button {\n  justify-content: start;\n}\n\n.pill {\n  --pill-background-color: transparent;\n  --pill-color: transparent;\n  --pill-border-color: transparent;\n  background-color: var(--pill-background-color);\n  color: var(--pill-color);\n  border: 1px solid var(--pill-border-color);\n  inline-size: 100%;\n  padding: var(--pill-padding-block) var(--pill-padding-inline);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--pill-border-radius);\n  position: relative;\n  font-weight: var(--font-style-semi-bold);\n}\n.pill--update, .pill--pending {\n  --pill-background-color: var();\n  --pill-color: var(--color-text-neutral-disabled);\n  --pill-border-color: var();\n}\n.pill--to-merge-marked {\n  --pill-background-color: var();\n  --pill-color: var(--color-border-primary-default);\n  --pill-border-color: var();\n}\n.pill--ignored {\n  --pill-background-color: var(--color-accent-surface-elevation-2);\n  --pill-color: var(--color-text-neutral-on-disabled);\n  --pill-border-color: var(--color-border-neutral-default);\n}\n.pill--pending {\n  --pill-background-color: var(--color-accent-neutral-contrast);\n  --pill-color: var(--color-border-primary-default);\n  --pill-border-color: var(--color-accent-primary-pressed);\n}\n.pill--warning {\n  --pill-background-color: var(--color-accent-warning-contrast);\n  --pill-color: var(--color-border-warning-default);\n  --pill-border-color: var(--color-border-warning-default);\n}\n.pill--error {\n  --pill-background-color: var(--color-accent-error-contrast);\n  --pill-color: var(--color-border-error-default);\n  --pill-border-color: var(--color-border-error-light);\n}\n.pill--updated {\n  --pill-background-color: var(--color-accent-success-contrast);\n  --pill-color: var(--color-border-success-default);\n  --pill-border-color: var(--color-accent-success-default);\n}\n.pill--transitioning {\n  --pill-color: transparent;\n}\n\n.updating-spinner-caption {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n  --status-circle-color: transparent;\n  --status-circle-size: $size;\n  --status-circle-inset-inline-start: 16px;\n  --pill-color: var(--color-border-primary-default);\n}\n.updating-spinner-caption::before {\n  display: inline-block;\n  content: "";\n  width: 16px;\n  height: 16px;\n  border: calc(16px / 7) solid var(--color-accent-primary-pressed);\n  border-top: calc(16px / 7) solid var(--color-border-primary-on-default);\n  border-radius: 50%;\n  animation: spin var(--timing-regular) linear infinite;\n}\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.tabular-grid .button-secondary {\n  --control-padding-block: var(--pill-padding-block);\n  --control-padding-inline: var(--pill-padding-inline);\n  font-size: inherit;\n  font-weight: inherit;\n  /* font-size: var(--pill-font-size); */\n}\n\n.tabular-grid .tabular-grid-cell--for-pill {\n  padding-block: 0;\n  align-items: center;\n  justify-content: center;\n}\n\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),\n.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon) {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.tabular-grid-column--settings-custom-selector,\n.tabular-grid-cell--settings-custom-selector {\n  padding-block: 0;\n  padding-inline: 0;\n}\n\n.tabular-grid-cell::part(actions-icon) {\n  padding-block: var(--spacing-padding-m);\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  block-size: 100%;\n  display: block;\n  background-size: 16px;\n  padding-inline: var(--spacing-padding-xl);\n}\n\n.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label) {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.tabular-grid-row-actions::part(window) {\n  background-color: var(--color-accent-surface-elevation-2) !important;\n}\n\n.tabular-grid-row .tabular-grid-cell:nth-child(3) {\n  min-inline-size: 200px;\n}';
+const u = '.custom-icon-text-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n}\n\n.warning-error-description {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n  padding: var(--spacing-padding-m);\n  max-inline-size: 800px;\n  line-height: var(--line-height-spacious);\n}\n\n.warning-error-icon {\n  flex-shrink: 0;\n}\n\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\nbutton.button-secondary {\n  border-color: var(--color-border-neutral-default);\n}\n\n:host {\n  --pill-border-radius: 12px;\n  --pill-padding-inline: var(--spacing-padding-m);\n  --pill-padding-block: var(--spacing-padding-xxs);\n  --pill-font-size: var(--font-size-body-s);\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content 1fr;\n}\n\n.detail__version, .detail__knowledge-base {\n  padding-inline: var(--spacing-padding-xxl);\n  border-inline-end: 1px solid var(--color-border-surface-on-elevation-1);\n}\n\n.detail__genexus-server {\n  padding-inline-end: var(--spacing-padding-xxl);\n  border-inline-end: 1px solid var(--color-border-surface-on-elevation-1);\n}\n\n.detail__last-full-update {\n  padding-inline-start: var(--spacing-padding-xxl);\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n}\n\n.header__detail {\n  display: grid;\n  row-gap: var(--spacing-gap-xl);\n  grid-auto-columns: max-content;\n  grid-auto-rows: max-content;\n  grid-template-areas: "detail-heading-gx . . ." "detail-genexus-server detail-knowledge-base detail-version detail-last-full-update";\n}\n\n.detail__label {\n  color: var(--color-text-neutral-disabled);\n}\n\n.detail__heading-genexus-server {\n  grid-area: detail-heading-gx;\n}\n\n.detail__genexus-server {\n  grid-area: detail-genexus-server;\n}\n.detail__genexus-server > a {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: inline-block;\n}\n\n.detail__link {\n  align-items: start;\n  color: var(--color-text-primary-default);\n  text-decoration: underline;\n}\n.detail__link:hover {\n  color: var(--color-text-primary-hover);\n}\n.detail__link:active {\n  color: var(--color-text-primary-pressed);\n}\n\n.detail__knowledge-base {\n  grid-area: detail-knowledge-base;\n}\n\n.detail__version {\n  grid-area: detail-version;\n}\n\n.detail__last-full-update {\n  grid-area: detail-last-full-update;\n}\n\n.filter-container {\n  container-type: inline-size;\n  box-sizing: border-box;\n}\n\n.filter {\n  display: grid;\n  margin-block-start: var(--spacing-padding-xxl);\n  grid-template-areas: "filter-search filter-types filter-actions filter-kb-properties filter-buttons";\n  grid-template-columns: 200px 200px 200px max-content 1fr;\n}\n\n@container (max-width: 1100px) {\n  .filter-container > .filter {\n    grid-template-columns: 200px 200px 200px 1fr;\n    grid-template-areas: "filter-search filter-types filter-actions filter-buttons" "filter-kb-properties . . .";\n    grid-auto-rows: max-content;\n  }\n}\n@container (max-width: 900px) {\n  .filter-container > .filter {\n    grid-template-columns: 1fr 1fr 1fr;\n    grid-template-areas: "filter-search filter-types filter-actions" "filter-kb-properties filter-buttons filter-buttons";\n    grid-auto-rows: max-content;\n  }\n}\n.filter__search {\n  grid-area: filter-search;\n}\n\n.filter__types {\n  grid-area: filter-types;\n}\n\n.filter__actions {\n  grid-area: filter-actions;\n}\n\n.filter__kb-properties {\n  grid-area: filter-kb-properties;\n}\n\n.filter__buttons {\n  margin-inline-start: auto;\n  grid-area: filter-buttons;\n}\n\n.main {\n  position: relative;\n  display: grid;\n  overflow: auto;\n}\n\n.loader {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n}\n\n.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.empty-state {\n  block-size: 100%;\n}\n\n.loader {\n  --elevation-background-color: var(--color-accent-surface-elevation-1);\n}\n\n.messages-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  max-inline-size: 800px;\n  padding: var(--spacing-padding-m) 0;\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xxs);\n}\n\n.message-description {\n  line-height: var(--line-height-spacious);\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n}\n\n.message-icon {\n  flex-shrink: 0;\n}\n\n.tabular-grid.empty-result::part(main) {\n  overflow: hidden;\n}\n\n.input-comments-container {\n  position: relative;\n}\n\n.input-comments {\n  --control-border-color: transparent;\n  padding-block: 0 !important;\n  padding-inline: 0 !important;\n  --line-height-tight: 1.4;\n  block-size: 100%;\n  background-color: var(--color-accent-surface-surface);\n  transition: var(--timing-super-fast) block-size, var(--timing-super-fast) background-color, var(--timing-super-fast) padding-block, var(--timing-super-fast) padding-inline;\n}\n\n.input-comments:focus {\n  position: absolute;\n  block-size: 200px;\n  inline-size: 100%;\n  z-index: 99;\n  background-color: var(--color-accent-surface-elevation-1);\n  padding-block: var(--control-padding-block) !important;\n  padding-inline: var(--control-padding-inline) !important;\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  background-size: contain;\n  margin-inline-end: 0;\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--enabled);\n  cursor: pointer;\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):hover {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--hover);\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):active {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--active);\n}\n\n.tabular-grid-row-actions::part(main),\n.property-grid-row-actions::part(main) {\n  gap: 0 !important;\n}\n\n.tabular-grid-row-actions > button {\n  justify-content: start;\n}\n\n.pill {\n  --pill-background-color: transparent;\n  --pill-color: transparent;\n  --pill-border-color: transparent;\n  background-color: var(--pill-background-color);\n  color: var(--pill-color);\n  border: 1px solid var(--pill-border-color);\n  inline-size: 100%;\n  padding: var(--pill-padding-block) var(--pill-padding-inline);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--pill-border-radius);\n  position: relative;\n  font-weight: var(--font-style-semi-bold);\n}\n.pill--update, .pill--pending {\n  --pill-background-color: var();\n  --pill-color: var(--color-text-neutral-disabled);\n  --pill-border-color: var();\n}\n.pill--to-merge-marked {\n  --pill-background-color: var();\n  --pill-color: var(--color-border-primary-default);\n  --pill-border-color: var();\n}\n.pill--ignored {\n  --pill-background-color: var(--color-accent-surface-elevation-2);\n  --pill-color: var(--color-text-neutral-on-disabled);\n  --pill-border-color: var(--color-border-neutral-default);\n}\n.pill--pending {\n  --pill-background-color: var(--color-accent-neutral-contrast);\n  --pill-color: var(--color-border-primary-default);\n  --pill-border-color: var(--color-accent-primary-pressed);\n}\n.pill--warning {\n  --pill-background-color: var(--color-accent-warning-contrast);\n  --pill-color: var(--color-border-warning-default);\n  --pill-border-color: var(--color-border-warning-default);\n}\n.pill--error {\n  --pill-background-color: var(--color-accent-error-contrast);\n  --pill-color: var(--color-border-error-default);\n  --pill-border-color: var(--color-border-error-light);\n}\n.pill--updated {\n  --pill-background-color: var(--color-accent-success-contrast);\n  --pill-color: var(--color-border-success-default);\n  --pill-border-color: var(--color-accent-success-default);\n}\n.pill--transitioning {\n  --pill-color: transparent;\n}\n\n.updating-spinner-caption {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n  --status-circle-color: transparent;\n  --status-circle-size: $size;\n  --status-circle-inset-inline-start: 16px;\n  --pill-color: var(--color-border-primary-default);\n}\n.updating-spinner-caption::before {\n  display: inline-block;\n  content: "";\n  width: 16px;\n  height: 16px;\n  border: calc(16px / 7) solid var(--color-accent-primary-pressed);\n  border-top: calc(16px / 7) solid var(--color-border-primary-on-default);\n  border-radius: 50%;\n  animation: spin var(--timing-regular) linear infinite;\n}\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.tabular-grid .button-secondary {\n  --control-padding-block: var(--pill-padding-block);\n  --control-padding-inline: var(--pill-padding-inline);\n  font-size: inherit;\n  font-weight: inherit;\n  /* font-size: var(--pill-font-size); */\n}\n\n.tabular-grid .tabular-grid-cell--for-pill {\n  padding-block: 0;\n  align-items: center;\n  justify-content: center;\n}\n\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),\n.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon) {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.tabular-grid-column--settings-custom-selector,\n.tabular-grid-cell--settings-custom-selector {\n  padding-block: 0;\n  padding-inline: 0;\n}\n\n.tabular-grid-cell::part(actions-icon) {\n  padding-block: var(--spacing-padding-m);\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  block-size: 100%;\n  display: block;\n  background-size: 16px;\n  padding-inline: var(--spacing-padding-xl);\n}\n\n.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label) {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.tabular-grid-row-actions::part(window) {\n  background-color: var(--color-accent-surface-elevation-2) !important;\n}\n\n.tabular-grid-row .tabular-grid-cell:nth-child(3) {\n  min-inline-size: 200px;\n}';
 
 var g = undefined && undefined.__classPrivateFieldGet || function(e, t, n, i) {
   if (n === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
@@ -816,4 +816,4 @@ D = new WeakMap;
 ne.style = u;
 
 export { ne as gx_ide_team_dev_update };
-//# sourceMappingURL=p-b44a875d.entry.js.map
+//# sourceMappingURL=p-f1b452fb.entry.js.map