@genexus/genexus-ide-ui 2.1.2 → 2.1.3

package/dist/genexus-ide-ui/{p-a50c520c.entry.js → p-5864a82d.entry.js}

@@ -1,12 +1,12 @@
 import { r as t, h as i, H as e, a as s } from "./p-9b9ccd0c.js";
 
-import { c as n } from "./p-c5196b3b.js";
+import { c as o } from "./p-c5196b3b.js";
 
-import { L as o } from "./p-311eedf3.js";
+import { L as n } from "./p-311eedf3.js";
 
 import { v as a } from "./p-b32b6b1f.js";
 
-const l = ':host{display:grid;grid-template-rows:max-content 1fr max-content;block-size:100%;overflow:auto}.section{display:contents}.main{display:grid;overflow:auto}.field-group-name-description-module{align-items:center;grid-template-areas:"name-label name-input" "description-label description-input" "module-label module-entity-selector";grid-template-columns:max-content 1fr}.name-label{grid-area:name-label}.name-input{grid-area:name-input}.description-label{grid-area:description-label}.description-input{grid-area:description-input}.module-label{grid-area:module-label}.module-entity-selector{grid-area:module-entity-selector}.tooltip{height:0}';
+const l = 'button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;grid-template-rows:max-content 1fr max-content;block-size:100%;overflow:auto}.section{display:contents}.main{display:grid;overflow:auto}.field-group-name-description-module{align-items:center;grid-template-areas:"name-label name-input" "description-label description-input" "module-label module-entity-selector";grid-template-columns:max-content 1fr}.name-label{grid-area:name-label}.name-input{grid-area:name-input}.description-label{grid-area:description-label}.description-input{grid-area:description-input}.module-label{grid-area:module-label}.module-entity-selector{grid-area:module-entity-selector}.tooltip{height:0}';
 
 var r = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
   if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
@@ -14,11 +14,11 @@ var r = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
   return e === "m" ? s : e === "a" ? s.call(t) : s ? s.value : i.get(t);
 };
 
-var d = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, n) {
+var d = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, o) {
   if (s === "m") throw new TypeError("Private method is not writable");
-  if (s === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof i === "function" ? t !== i || !n : !i.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return s === "a" ? n.call(t, e) : n ? n.value = e : i.set(t, e), e;
+  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");
+  return s === "a" ? o.call(t, e) : o ? o.value = e : i.set(t, e), e;
 };
 
 var h, c, f, u, p, m, b, v, g, w, y, k, M, W;
@@ -49,21 +49,21 @@ const E = class {
       }));
     }));
     w.set(this, (t => {
-      var e, s, o;
-      return ((s = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((o = this.validatableControls.get(t.id)) === null || o === void 0 ? void 0 : o.message) && i("ch-tooltip", {
+      var e, s, n;
+      return ((s = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((n = this.validatableControls.get(t.id)) === null || n === void 0 ? void 0 : n.message) && i("ch-tooltip", {
         class: "tooltip",
         actionElement: t,
-        blockAlign: n.tooltipSettings.blockAlign,
-        inlineAlign: n.tooltipSettings.inlineAlign,
-        delay: n.tooltipSettings.delay
+        blockAlign: o.tooltipSettings.blockAlign,
+        inlineAlign: o.tooltipSettings.inlineAlign,
+        delay: o.tooltipSettings.delay
       }, this.validatableControls.get(t.id).message);
     }));
     y.set(this, (() => {
-      var t, i, e, s, n;
-      const o = ((i = (t = r(this, p, "f")) === null || t === void 0 ? void 0 : t.value) === null || i === void 0 ? void 0 : i.trim()) || "";
+      var t, i, e, s, o;
+      const n = ((i = (t = r(this, p, "f")) === null || t === void 0 ? void 0 : t.value) === null || i === void 0 ? void 0 : i.trim()) || "";
       const a = ((s = (e = r(this, u, "f")) === null || e === void 0 ? void 0 : e.value) === null || s === void 0 ? void 0 : s.id) || "";
-      const l = ((n = this.curlContent) === null || n === void 0 ? void 0 : n.trim()) || "";
-      const d = this.validateNameCallback ? this.validateNameCallback(o) : Boolean(o);
+      const l = ((o = this.curlContent) === null || o === void 0 ? void 0 : o.trim()) || "";
+      const d = this.validateNameCallback ? this.validateNameCallback(n) : Boolean(n);
       const h = Boolean(a);
       const c = Boolean(l);
       this.isFormValid = d && h && c;
@@ -120,7 +120,7 @@ const E = class {
     this.validateNameCallback = undefined;
   }
   async componentWillLoad() {
-    d(this, h, await o.getComponentStrings(this.el), "f");
+    d(this, h, await n.getComponentStrings(this.el), "f");
   }
   componentDidLoad() {
     r(this, g, "f").call(this);
@@ -214,4 +214,4 @@ y = new WeakMap, k = new WeakMap, M = new WeakMap, W = new WeakMap;
 E.style = l;
 
 export { E as gx_ide_curl_inspector };
-//# sourceMappingURL=p-a50c520c.entry.js.map
+//# sourceMappingURL=p-5864a82d.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["curlInspectorCss","CSS_BUNDLES","GxIdeCurlInspector","_GxIdeCurlInspector_componentLocale","set","this","_GxIdeCurlInspector_chShortcutsEl","_GxIdeCurlInspector_descriptionEl","_GxIdeCurlInspector_moduleEntitySelector","_GxIdeCurlInspector_nameEl","_GxIdeCurlInspector_editorEl","_GxIdeCurlInspector_curlContentChangeHandler","_GxIdeCurlInspector_keydownHandler","_GxIdeCurlInspector_initializeValidatableControls","validatableControls","__classPrivateFieldGet","forEach","validatableControl","id","reference","hasError","message","undefined","_GxIdeCurlInspector_evaluateTooltipRender","controlReference","_b","_a","get","_c","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeCurlInspector_validateForm","name","value","trim","parentId","_d","curl","_e","curlContent","isNameValid","validateNameCallback","Boolean","isParentValid","isCurlValid","isFormValid","_GxIdeCurlInspector_handleEditorChange","text","call","_GxIdeCurlInspector_handleSlotChange","e","elements","target","assignedElements","length","__classPrivateFieldSet","addEventListener","event","detail","content","ctrlKey","metaKey","key","setTimeout","_GxIdeCurlInspector_createHandler","data","description","confirmCallback","then","formSubmitResult","validateControls","Map","componentWillLoad","Locale","getComponentStrings","el","componentDidLoad","disconnectedCallback","removeEventListener","suspendShortcuts","suspend","render","Host","model","src","ref","htmlFor","header","nameFieldLabel","onInput","descriptionFieldLabel","moduleFolderLabel","defaultParent","labelPosition","defaultValue","selectEntityCallback","selectModuleCallback","onSlotchange","onClick","cancelCallback","part","footer","btnCancel","disabled","btnCreate"],"sources":["src/components/curl-inspector/curl-inspector.scss?tag=gx-ide-curl-inspector&encapsulation=shadow","src/components/curl-inspector/curl-inspector.tsx"],"sourcesContent":["@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n}\n\n.main {\n  display: grid;\n  overflow: auto;\n}\n.field-group-name-description-module {\n  align-items: center;\n  grid-template-areas:\n    \"name-label name-input\"\n    \"description-label description-input\"\n    \"module-label module-entity-selector\";\n  grid-template-columns: max-content 1fr;\n}\n\n.name-label {\n  grid-area: name-label;\n}\n.name-input {\n  grid-area: name-input;\n}\n.description-label {\n  grid-area: description-label;\n}\n.description-input {\n  grid-area: description-input;\n}\n.module-label {\n  grid-area: module-label;\n}\n.module-entity-selector {\n  grid-area: module-entity-selector;\n}\n\n.tooltip {\n  /* WA: Tooltip takes layout space by default, height: 0 prevents layout shift */\n  height: 0;\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  Method,\n  h\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-curl-inspector\",\n  styleUrl: \"curl-inspector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/curl-inspector\"]\n})\nexport class GxIdeCurlInspector {\n  #componentLocale: any;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #descriptionEl!: HTMLChEditElement;\n  #moduleEntitySelector!: HTMLGxIdeEntitySelectorElement;\n  #nameEl!: HTMLChEditElement;\n  #editorEl: TextProviderElement;\n  #curlContentChangeHandler: EventListener;\n  #keydownHandler: EventListener;\n\n  @Element() el: HTMLGxIdeCurlInspectorElement;\n\n  @State() showTooltipError: boolean = false;\n  @State() isFormValid: boolean = false;\n  @State() curlContent: string = \"\";\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Callback that must be invoked when the user wants to cancel the operation\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the user confirms the creation. Receives the data\n   * necessary to create the procedure.\n   */\n  @Prop() readonly confirmCallback!: (\n    data: CurlImportData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Default value for Module/Folder field\n   */\n  @Prop() readonly defaultParent: EntityData;\n\n  /**\n   * Actual value for Module/Folder field\n   */\n  @Prop() readonly parent: EntityData;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the\n   * information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * Callback to validate the name. Should return true if the name is valid, false otherwise.\n   */\n  @Prop() readonly validateNameCallback?: (name: string) => boolean;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  disconnectedCallback() {\n    if (this.#editorEl && this.#editorEl.removeEventListener) {\n      this.#editorEl.removeEventListener(\"input\", this.#handleEditorChange);\n      this.#editorEl.removeEventListener(\n        \"curl-content-change\",\n        this.#curlContentChangeHandler\n      );\n      this.#editorEl.removeEventListener(\"keydown\", this.#keydownHandler);\n    }\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    this.#chShortcutsEl.suspend = suspendShortcuts;\n  }\n\n  #initializeValidatableControls = () => {\n    const validatableControls: HTMLElement[] = [\n      this.#nameEl,\n      this.#moduleEntitySelector\n    ];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\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  #validateForm = () => {\n    const name = this.#nameEl?.value?.trim() || \"\";\n    const parentId = this.#moduleEntitySelector?.value?.id || \"\";\n    const curl = this.curlContent?.trim() || \"\";\n\n    const isNameValid = this.validateNameCallback\n      ? this.validateNameCallback(name)\n      : Boolean(name);\n    const isParentValid = Boolean(parentId);\n    const isCurlValid = Boolean(curl);\n\n    this.isFormValid = isNameValid && isParentValid && isCurlValid;\n  };\n\n  #handleEditorChange = () => {\n    if (this.#editorEl) {\n      this.curlContent = this.#editorEl.text;\n      this.#validateForm();\n    }\n  };\n\n  #handleSlotChange = (e: Event) => {\n    const elements = (e.target as HTMLSlotElement).assignedElements();\n    if (elements.length) {\n      this.#editorEl = elements[0] as TextProviderElement;\n\n      this.#editorEl.addEventListener(\"input\", this.#handleEditorChange);\n\n      this.#curlContentChangeHandler = ((event: CustomEvent) => {\n        this.curlContent = event.detail.content;\n        this.#handleEditorChange();\n      }) as EventListener;\n\n      this.#editorEl.addEventListener(\n        \"curl-content-change\",\n        this.#curlContentChangeHandler\n      );\n\n      this.#keydownHandler = (event: KeyboardEvent) => {\n        if ((event.ctrlKey || event.metaKey) && event.key === \"v\") {\n          setTimeout(() => {\n            this.#handleEditorChange();\n          }, 0);\n        }\n      };\n\n      this.#editorEl.addEventListener(\"keydown\", this.#keydownHandler);\n\n      this.curlContent = this.#editorEl.text;\n      this.#validateForm();\n    }\n  };\n\n  #createHandler = () => {\n    const data: CurlImportData = {\n      name: this.#nameEl.value,\n      description: this.#descriptionEl.value,\n      parentId: this.#moduleEntitySelector.value?.id,\n      curl: this.curlContent\n    };\n    this.confirmCallback(data).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    });\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={\"./gx-ide-assets/curl-inspector/shortcuts.json\"}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"header field-group spacing-body dialog-header\">\n            <div class=\"field-group field-group-name-description-module\">\n              <label class=\"label name-label\" htmlFor=\"input-name\">\n                {this.#componentLocale.header.nameFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input name-input\"\n                id=\"input-name\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#nameEl = el as HTMLChEditElement)\n                }\n                onInput={this.#validateForm}\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#nameEl)}\n\n              <label\n                class=\"label description-label\"\n                htmlFor=\"input-description\"\n              >\n                {this.#componentLocale.header.descriptionFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input description-input\"\n                id=\"input-description\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#descriptionEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n\n              <label class=\"label module-label\" htmlFor=\"input-module\">\n                {this.#componentLocale.header.moduleFolderLabel}\n              </label>\n              <gx-ide-entity-selector\n                class=\"module module-entity-selector\"\n                id=\"module\"\n                value={this.defaultParent}\n                ref={(el: HTMLGxIdeEntitySelectorElement) =>\n                  (this.#moduleEntitySelector =\n                    el as HTMLGxIdeEntitySelectorElement)\n                }\n                labelPosition=\"none\"\n                defaultValue={this.defaultParent}\n                selectEntityCallback={this.selectModuleCallback}\n              ></gx-ide-entity-selector>\n              {this.#evaluateTooltipRender(this.#moduleEntitySelector)}\n            </div>\n          </header>\n          <div class=\"main field-group scrollable\">\n            <slot\n              name=\"CurlTextEditor\"\n              onSlotchange={this.#handleSlotChange}\n            ></slot>\n          </div>\n          <footer class=\"dialog-footer dialog-footer spacing-body-block-end spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                onClick={this.cancelCallback}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                id=\"button-ok\"\n                onClick={this.#createHandler}\n                part=\"button-ok\"\n                disabled={!this.isFormValid}\n              >\n                {this.#componentLocale.footer.btnCreate}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type CurlImportData = {\n  name: string;\n  description: string;\n  parentId: string;\n  curl: string;\n};\n\nexport type EntityData = {\n  id: string;\n  name: string;\n  iconSrc?: string;\n};\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\ninterface ItextProvider {\n  readonly text: string;\n}\n\ntype TextProviderElement = HTMLElement & ItextProvider;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-2a59b523.entry.js → p-60db2f02.entry.js}

@@ -18,7 +18,7 @@ import { h as n, m as o } from "./p-9663f418.js";
 
 import { f as d } from "./p-4d330836.js";
 
-const c = ':host{container-type:inline-size;display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.header{grid-template-areas:"name module-folder" "advanced-filter advanced-filter";grid-template-columns:1fr 1fr;grid-auto-rows:max-content max-content}.name{grid-area:name}.module-folder{grid-area:module-folder}.advanced-filter{grid-area:advanced-filter}.advanced-filter__container{display:grid;grid-auto-rows:max-content}.advanced-filter__first-row{grid-template-columns:1fr 1fr}.advanced-filter__second-row{grid-template-columns:1fr 1fr 1fr}.advanced-filter .all-descendants__modified{display:flex;flex-direction:row;align-items:center;block-size:32px;gap:var(--spacing-gap-xl);align-self:self-end}.field-date{grid-template-areas:"label-date-time label-date-time" "input-date-time icon-clear-date-time";grid-template-columns:1fr max-content;column-gap:var(--spacing-gap-xs)}.label-date-time{display:flex;align-items:center;gap:var(--spacing-gap-m);grid-area:label-date-time}.input-date-time{block-size:32px;grid-area:input-date-time}.icon-clear-date-time{grid-area:icon-clear-date-time}.tabular-grid{overflow:auto;inline-size:100%;border-inline-end:var(--section-common-border)}.tabular-grid.empty::part(main),.tabular-grid.loading::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}.main__files-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--spacing-gap-m);position:relative;z-index:1}.hiChar{color:var(--color-text-primary-default);filter:brightness(1.3)}.tabular-grid ch-tabular-grid-cell:is(:nth-child(4)){align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.tabular-grid-cell-description{min-inline-size:max-content !important}.hiChar{color:var(--color-text-primary-default);filter:brightness(1.3)}';
+const c = 'button.button-secondary{border-color:var(--color-border-neutral-default)}:host{container-type:inline-size;display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.header{grid-template-areas:"name module-folder" "advanced-filter advanced-filter";grid-template-columns:1fr 1fr;grid-auto-rows:max-content max-content}.name{grid-area:name}.module-folder{grid-area:module-folder}.advanced-filter{grid-area:advanced-filter}.advanced-filter__container{display:grid;grid-auto-rows:max-content}.advanced-filter__first-row{grid-template-columns:1fr 1fr}.advanced-filter__second-row{grid-template-columns:1fr 1fr 1fr}.advanced-filter .all-descendants__modified{display:flex;flex-direction:row;align-items:center;block-size:32px;gap:var(--spacing-gap-xl);align-self:self-end}.field-date{grid-template-areas:"label-date-time label-date-time" "input-date-time icon-clear-date-time";grid-template-columns:1fr max-content;column-gap:var(--spacing-gap-xs)}.label-date-time{display:flex;align-items:center;gap:var(--spacing-gap-m);grid-area:label-date-time}.input-date-time{block-size:32px;grid-area:input-date-time}.icon-clear-date-time{grid-area:icon-clear-date-time}.tabular-grid{overflow:auto;inline-size:100%;border-inline-end:var(--section-common-border)}.tabular-grid.empty::part(main),.tabular-grid.loading::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}.main__files-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--spacing-gap-m);position:relative;z-index:1}.hiChar{color:var(--color-text-primary-default);filter:brightness(1.3)}.tabular-grid ch-tabular-grid-cell:is(:nth-child(4)){align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.tabular-grid-cell-description{min-inline-size:max-content !important}.hiChar{color:var(--color-text-primary-default);filter:brightness(1.3)}';
 
 var h = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, a) {
   if (s === "m") throw new TypeError("Private method is not writable");
@@ -629,4 +629,4 @@ G = new WeakMap, J = new WeakMap;
 rt.style = c;
 
 export { rt as gx_ide_ww_files };
-//# sourceMappingURL=p-2a59b523.entry.js.map
+//# sourceMappingURL=p-60db2f02.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["wwFilesCss","CSS_BUNDLES","CLEAR_ICON","getIconPath","category","name","colorType","FILTER_ICON","INFO_ICON","ACCORDION_FILTER_ID","FILTER_AFTER_DATE_TIME","FILTER_AFTER_LAST_BUILD","FILTER_AFTER_IMPORT","CHECKBOX_CHECKED_VALUE","CHECKBOX_UNCHECKED_VALUE","GxIdeWWFiles","_GxIdeWWFiles_componentLocale","set","this","_GxIdeWWFiles_ACCORDION_MODEL","_GxIdeWWFiles_nameValue","_GxIdeWWFiles_moduleValue","_GxIdeWWFiles_searchContentsValue","_GxIdeWWFiles_categoryValue","_GxIdeWWFiles_allDescendants","_GxIdeWWFiles_userValue","_GxIdeWWFiles_selectedObjectsIds","_GxIdeWWFiles_chGridEl","_GxIdeWWFiles_filterModuleEl","_GxIdeWWFiles_setFilterDefaultValues","__classPrivateFieldSet","Object","assign","defaultModule","defaultCategory","categoriesComboBoxModel","length","value","afterValue","filterAfterComboBoxModel","dateTimeValue","undefined","_GxIdeWWFiles_allDescendantsCheckboxHandler","event","detail","__classPrivateFieldGet","_GxIdeWWFiles_getObjects","call","_GxIdeWWFiles_handleSelectionChanged","ev","rowsId","selectionChangeCallback","_GxIdeWWFiles_handleRowDoubleClicked","_GxIdeWWFiles_openSelectionCallbackHandler","_GxIdeWWFiles_handleRowContextMenu","preventDefault","stopPropagation","contextMenuCallback","selection","selectedRowsId","clientX","clientY","_GxIdeWWFiles_attachGridListeners","addEventListener","_GxIdeWWFiles_categoryInputHandler","async","_GxIdeWWFiles_clearDateTimeValue","_GxIdeWWFiles_dateTimeInputHandler","_GxIdeWWFiles_deleteSelectionCallbackHandler","deleteSelectionCallback","_GxIdeWWFiles_deselectAll","selectAllRows","_GxIdeWWFiles_evaluateModifiedDates","objectModifiedDate","filterSelectedModifiedDate","filterSelectedModifiedDateAsDate","Date","h","class","_GxIdeWWFiles_formatDate","_GxIdeWWFiles_filterAfterTypeCallbackHandler","date","formatDate","_GxIdeWWFiles_setLoadingState","parentId","id","filtersValues","searchContents","parent","allDescendants","modifiedAfter","showModified","modifiedBy","modifiedDate","loadCallback","then","items","objects","isLoading","_GxIdeWWFiles_renderHeader","htmlFor","filter","onInput","_GxIdeWWFiles_nameInputHandler","part","debounce","config","inputDebounce","disabled","moduleFolder","labelPosition","defaultValue","selectEntityCallback","selectModuleCallback","ref","el","onValueChanged","_GxIdeWWFiles_moduleValueChangedHandler","model","slot","showSearchContents","content","_GxIdeWWFiles_searchContentsInputHandler","categories","caption","checkedValue","unCheckedValue","modified","_GxIdeWWFiles_showModifiedCheckboxHandler","after","user","_GxIdeWWFiles_userInputHandler","hide","dateTime","src","actionElement","blockAlign","inlineAlign","delay","tooltipSettings","dateTimeTooltip","type","onClick","_GxIdeWWFiles_renderObjects","gridIsEmpty","loading","empty","rowSelectionMode","columnName","columnNameHidden","settingable","sortable","size","tabularGrid","colSize","maxContent","tableHead","module","gridColumnsVisibility","description","auto","lastUser","importDate","lastBuildDate","_a","map","object","rowid","icon","hiChar","toLowerCase","loaderTitle","loader","title","show","isAnimated","stateIconSrc","stateTitle","emptyState","_GxIdeWWFiles_newFileCallbackHandler","newFileCallback","openSelectionCallback","_GxIdeWWFiles_selectAll","dateTimeValueChanged","categoriesChanged","newCategories","mapOptionsToComboBoxItemModel","componentWillLoad","Locale","getComponentStrings","accordionCaption","expanded","componentDidLoad","keyDownHandler","eventInfo","document","activeElement","key","reload","error","console","fallbackError","render","Host","objCount","matching","footer","btnSelectAll","btnNew"],"sources":["src/components/ww-files/ww-files.scss?tag=gx-ide-ww-files&encapsulation=shadow","src/components/ww-files/ww-files.tsx"],"sourcesContent":["@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../global/temporary-mercury-overrides/_button.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  container-type: inline-size;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - - -\n// Header\n// - - - - - - - - - - - -\n\n.header {\n  grid-template-areas:\n    \"name module-folder\"\n    \"advanced-filter advanced-filter\";\n  grid-template-columns: 1fr 1fr;\n  grid-auto-rows: max-content max-content;\n}\n.name {\n  grid-area: name;\n}\n.module-folder {\n  grid-area: module-folder;\n}\n.advanced-filter {\n  grid-area: advanced-filter;\n}\n\n// Advanced Filter\n.advanced-filter {\n  &__container {\n    display: grid;\n    grid-auto-rows: max-content;\n  }\n  &__first-row {\n    grid-template-columns: 1fr 1fr;\n  }\n  &__second-row {\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n  .all-descendants__modified {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    block-size: 32px;\n    gap: var(--spacing-gap-xl);\n    align-self: self-end;\n  }\n}\n// date/time\n.field-date {\n  grid-template-areas:\n    \"label-date-time label-date-time\"\n    \"input-date-time icon-clear-date-time\";\n  grid-template-columns: 1fr max-content;\n  column-gap: var(--spacing-gap-xs);\n}\n.label-date-time {\n  // WA: There is no official way to use an icon (ch-image) within a label\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n  .icon-s {\n    // WA: Icon looks so small that it is not recognizable\n  }\n  grid-area: label-date-time;\n}\n.input-date-time {\n  block-size: 32px;\n  grid-area: input-date-time;\n}\n.icon-clear-date-time {\n  grid-area: icon-clear-date-time;\n}\n\n// - - - - - - - - - - - -\n// Grid\n// - - - - - - - - - - - -\n\n.tabular-grid {\n  overflow: auto;\n  inline-size: 100%;\n  border-inline-end: var(--section-common-border);\n}\n.tabular-grid.empty::part(main),\n.tabular-grid.loading::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\nch-tabular-grid-rowset-empty {\n  position: relative;\n}\n.main__files-container {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--spacing-gap-m);\n  position: relative;\n  z-index: 1;\n}\n\n@include hiChar;\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    4\n  )\n);\n.tabular-grid-cell-description {\n  min-inline-size: max-content !important; // TODO: See how to remove the !important\n}\n\n@include hiChar();\n\n// - - - - - - - - - - - -\n// Responsive\n// - - - - - - - - - - - -\n\n// @container (max-width: 992px) {\n//   .main__files-container {\n//     grid-template-columns: repeat(3, 1fr);\n//   }\n// }\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  Listen,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  TabularGridRowContextMenuEvent\n} from \"@genexus/chameleon-controls-library\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { GxOption } from \"../../common/types\";\nimport { EntityData, ContextMenuInfo } from \"../../common/types\";\nimport { config } from \"../../common/config\";\nimport { mapOptionsToComboBoxItemModel, hiChar } from \"./helpers\";\nimport {\n  AccordionModel,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { formatDate } from \"../../common/helpers\";\nimport { GxIdeEntitySelectorCustomEvent } from \"../..\";\n\ninterface TabularGridWithSelection extends HTMLChTabularGridElement {\n  selectAllRows: (select?: boolean) => Promise<void>;\n}\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/combo-box\",\n  \"components/accordion\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/tooltip\",\n  \"components/tabular-grid\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\nconst CLEAR_ICON = getIconPath({\n  category: \"system\",\n  name: \"close\",\n  colorType: \"interactive\"\n});\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-surface\"\n});\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-surface\"\n});\n\nconst ACCORDION_FILTER_ID = \"advanced-filter\";\nconst FILTER_AFTER_DATE_TIME = \"afterDateTime\";\nconst FILTER_AFTER_LAST_BUILD = \"afterLastBuild\";\nconst FILTER_AFTER_IMPORT = \"afterImport\";\n\nconst CHECKBOX_CHECKED_VALUE = \"checked\";\nconst CHECKBOX_UNCHECKED_VALUE = \"unchecked\";\n\n@Component({\n  tag: \"gx-ide-ww-files\",\n  styleUrl: \"ww-files.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ww-files\"]\n})\nexport class GxIdeWWFiles {\n  #componentLocale: any;\n  #ACCORDION_MODEL: AccordionModel = [];\n\n  // Filter Values\n  #nameValue: string;\n  #moduleValue: EntityData;\n  // Advanced Filter Values\n  #searchContentsValue: string;\n  #categoryValue: string;\n  #allDescendants: CheckboxState;\n  #userValue: string;\n  // Other\n  #selectedObjectsIds: string[] = [];\n\n  @Element() el: HTMLGxIdeWwFilesElement;\n  #chGridEl!: HTMLChTabularGridElement;\n  #filterModuleEl!: HTMLGxIdeEntitySelectorElement;\n\n  /**\n   * The \"After\" control value. Controls the visibility of the \"Date/Time\" control.\n   */\n  @State() afterValue: string;\n\n  /**\n   * The \"Category\" options as combo box model\n   */\n  @State() categoriesComboBoxModel: ComboBoxModel = [];\n\n  /**\n   * Value of the Date/Time control\n   */\n  @State() dateTimeValue: string;\n  @Watch(\"dateTimeValue\")\n  dateTimeValueChanged() {\n    this.#getObjects();\n  }\n\n  /**\n   * A loader that is shown when the filter changes and the server has to retrieve new data.\n   */\n  @State() isLoading: boolean = true;\n\n  /**\n   * The options for the \"After\" combo-box\n   */\n  @State() filterAfterComboBoxModel: ComboBoxModel;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() showModified: CheckboxState = CHECKBOX_CHECKED_VALUE;\n\n  /**\n   * The files rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n  @Watch(\"categories\")\n  categoriesChanged(newCategories: GxOption[]) {\n    this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(newCategories);\n  }\n\n  /**\n   * This is a function provided by the developer for show the context menu of the selected files.\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * The default value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * This is a function provided by the developer for delete the selected files.\n   */\n  @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n  /**\n   * Controls the visibility of the tabular grid cell columns, and respective cells.\n   */\n  @Prop() readonly gridColumnsVisibility: GridColumnsVisibility = {\n    description: true,\n    importDate: true,\n    lastBuildDate: true,\n    lastUser: true,\n    modifiedDate: true\n  };\n\n  /**\n   *  This is a function provided by the developer that return a list of files to populate the table of files.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   *\n   */\n  @Prop() readonly newFileCallback!: NewFileCallback;\n\n  /**\n   * This is a function provided by the developer to expand the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback!: SelectModuleCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly selectionChangeCallback!: SelectionChangeCallback;\n\n  /**\n   * Controls whether to show the Search contents field in the advanced filter section (Not available at the time of writting, since the server is not handling this feature yet.)\n   */\n  @Prop() readonly showSearchContents = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // initialize combo-box models∂\n    this.categoriesChanged(this.categories);\n\n    // initialize \"After\" combo-box options\n    this.filterAfterComboBoxModel = [\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_DATE_TIME],\n        value: FILTER_AFTER_DATE_TIME\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_LAST_BUILD],\n        value: FILTER_AFTER_LAST_BUILD\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_IMPORT],\n        value: FILTER_AFTER_IMPORT\n      }\n    ];\n\n    // initialize accordion model with proper configuration\n    this.#ACCORDION_MODEL = [\n      {\n        id: ACCORDION_FILTER_ID,\n        caption: this.#componentLocale.filter.accordionCaption,\n        expanded: false\n      }\n    ];\n\n    this.#setFilterDefaultValues();\n  }\n  #setFilterDefaultValues = () => {\n    this.#nameValue = \"\";\n    this.#moduleValue = { ...this.defaultModule };\n    this.#searchContentsValue = \"\";\n\n    this.#categoryValue =\n      this.defaultCategory ||\n      (this.categoriesComboBoxModel && this.categoriesComboBoxModel.length > 0\n        ? this.categoriesComboBoxModel[0].value\n        : \"\");\n\n    this.#allDescendants = CHECKBOX_UNCHECKED_VALUE;\n\n    this.afterValue =\n      this.filterAfterComboBoxModel && this.filterAfterComboBoxModel.length > 0\n        ? this.filterAfterComboBoxModel[0].value\n        : FILTER_AFTER_DATE_TIME;\n\n    this.#userValue = \"\";\n    this.dateTimeValue = undefined;\n  };\n\n  componentDidLoad() {\n    this.#attachGridListeners();\n    this.#getObjects();\n  }\n\n  @Listen(\"keydown\", { passive: true })\n  keyDownHandler(eventInfo: KeyboardEvent) {\n    if (document.activeElement === this.el) {\n      switch (eventInfo.key) {\n        case \"Enter\":\n          eventInfo.preventDefault();\n          this.#openSelectionCallbackHandler();\n          break;\n        case \"Delete\":\n          eventInfo.preventDefault();\n          this.#deleteSelectionCallbackHandler();\n          break;\n        case \"Escape\":\n          eventInfo.preventDefault();\n          this.#deselectAll();\n          break;\n      }\n    }\n  }\n\n  /**\n   * Reloads the view, refreshing the filters and the table of files.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    try {\n      if (this.#componentLocale && this.filterAfterComboBoxModel) {\n        this.#setFilterDefaultValues();\n        this.#getObjects();\n      }\n    } catch (error) {\n      console.error(\"Error in reload method:\");\n      // Fallback: try only getObjects if setFilterDefaultValues fails\n      try {\n        this.#getObjects();\n      } catch (fallbackError) {\n        console.error(\"Fallback also failed:\");\n      }\n    }\n  }\n\n  #allDescendantsCheckboxHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.#allDescendants =\n      event.detail === CHECKBOX_CHECKED_VALUE\n        ? CHECKBOX_CHECKED_VALUE\n        : CHECKBOX_UNCHECKED_VALUE;\n    this.#getObjects();\n  };\n\n  #handleSelectionChanged = (ev: CustomEvent<{ rowsId: string[] }>): void => {\n    this.#selectedObjectsIds = ev.detail.rowsId;\n    this.selectionChangeCallback(this.#selectedObjectsIds);\n  };\n\n  #handleRowDoubleClicked = (): void => {\n    this.#openSelectionCallbackHandler();\n  };\n\n  #handleRowContextMenu = (\n    ev: CustomEvent<TabularGridRowContextMenuEvent>\n  ): void => {\n    ev.preventDefault();\n    ev.stopPropagation();\n    this.contextMenuCallback({\n      selection: ev.detail.selectedRowsId,\n      clientX: ev.detail.clientX,\n      clientY: ev.detail.clientY\n    });\n  };\n\n  #attachGridListeners = (): void => {\n    this.#chGridEl.addEventListener(\n      \"selectionChanged\",\n      this.#handleSelectionChanged\n    );\n    this.#chGridEl.addEventListener(\n      \"rowDoubleClicked\",\n      this.#handleRowDoubleClicked\n    );\n    this.#chGridEl.addEventListener(\n      \"rowContextMenu\",\n      this.#handleRowContextMenu\n    );\n  };\n\n  #categoryInputHandler = async (event: CustomEvent<string> | InputEvent) => {\n    this.#categoryValue = event.detail as string;\n    this.#getObjects();\n  };\n\n  #clearDateTimeValue = () => {\n    this.dateTimeValue = undefined;\n  };\n\n  #dateTimeInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.dateTimeValue = event.detail;\n    this.#getObjects();\n  };\n\n  #deleteSelectionCallbackHandler = (): void => {\n    this.deleteSelectionCallback(this.#selectedObjectsIds);\n  };\n\n  #deselectAll = (): void => {\n    if (\n      this.#chGridEl &&\n      typeof (this.#chGridEl as TabularGridWithSelection).selectAllRows ===\n        \"function\"\n    ) {\n      (this.#chGridEl as TabularGridWithSelection).selectAllRows(false);\n    }\n  };\n\n  #evaluateModifiedDates = (\n    objectModifiedDate: Date,\n    filterSelectedModifiedDate: string\n  ) => {\n    const filterSelectedModifiedDateAsDate = new Date(\n      filterSelectedModifiedDate\n    );\n    if (filterSelectedModifiedDateAsDate >= objectModifiedDate) {\n      // Object modifed date matches with filter date, or was modified after that date.\n      // Highlight to show that it matches.\n      return <span class=\"hiChar\">{this.#formatDate(objectModifiedDate)}</span>;\n    } else {\n      return this.#formatDate(objectModifiedDate);\n    }\n  };\n\n  #filterAfterTypeCallbackHandler = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.afterValue = event.detail as string;\n    this.#getObjects();\n  };\n\n  #formatDate = (date: Date): string => {\n    return formatDate(date, \"date-time-short\");\n  };\n\n  #getObjects = () => {\n    this.#setLoadingState();\n\n    const parentId =\n      this.#filterModuleEl && this.#filterModuleEl.value\n        ? this.#filterModuleEl.value.id\n        : this.defaultModule\n          ? this.defaultModule.id\n          : \"\";\n\n    const filtersValues: ObjectFiltersData = {\n      name: this.#nameValue,\n      searchContents: this.#searchContentsValue,\n      category: this.#categoryValue,\n      parent: parentId,\n      allDescendants: this.#allDescendants === CHECKBOX_CHECKED_VALUE,\n      modifiedAfter: this.showModified ? this.afterValue : undefined,\n      modifiedBy: this.showModified ? this.#userValue : undefined,\n      modifiedDate: this.showModified ? new Date(this.dateTimeValue) : undefined\n    };\n\n    this.loadCallback(filtersValues).then((items: ObjectData[]) => {\n      this.objects = items;\n      this.#selectedObjectsIds = [];\n\n      if (this.#chGridEl) {\n        this.#deselectAll();\n      }\n\n      this.isLoading = false;\n    });\n  };\n\n  #renderHeader = (): Element[] => {\n    return [\n      <div\n        // Name\n        class=\"field field-block field-name\"\n      >\n        <label class=\"label\" htmlFor=\"name\">\n          {this.#componentLocale.filter.name}\n        </label>\n        <ch-edit\n          id=\"name\"\n          class=\"input\"\n          value={this.#nameValue}\n          onInput={this.#nameInputHandler}\n          part=\"filter-files\"\n          debounce={config.inputDebounce}\n          disabled={this.isLoading}\n        ></ch-edit>\n      </div>,\n\n      <div\n        // Module\n        class=\"field field-block field-module-folder\"\n      >\n        <label class=\"label\" htmlFor=\"module-folder\">\n          {this.#componentLocale.filter.moduleFolder}\n        </label>\n        <gx-ide-entity-selector\n          part=\"filter-module-folder\"\n          id=\"module/folder\"\n          labelPosition=\"none\"\n          value={this.#moduleValue}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#filterModuleEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          onValueChanged={this.#moduleValueChangedHandler}\n          disabled={this.isLoading}\n        ></gx-ide-entity-selector>\n      </div>,\n\n      <ch-accordion-render\n        class=\"accordion-outlined advanced-filter\"\n        model={this.#ACCORDION_MODEL}\n      >\n        <div\n          slot={ACCORDION_FILTER_ID}\n          class=\"spacing-body field-group advanced-filter__container\"\n        >\n          {this.showSearchContents && (\n            <div\n              // Search contents\n              class=\"field field-block field-search-contents\"\n            >\n              <label class=\"label\" htmlFor=\"filter-content\">\n                {this.#componentLocale.filter.content}\n              </label>\n              <ch-edit\n                id=\"filter-content\"\n                class=\"input\"\n                onInput={this.#searchContentsInputHandler}\n                part=\"filter-content\"\n              ></ch-edit>\n            </div>\n          )}\n\n          <div class=\"field-group advanced-filter__first-row\">\n            <div\n              // Category\n              class=\"field field-block field-category\"\n            >\n              <label class=\"label\" htmlFor=\"filter-category\">\n                {this.#componentLocale.filter.category}\n              </label>\n              <ch-combo-box-render\n                id=\"filter-category\"\n                class=\"combo-box disabled\"\n                value={this.#categoryValue}\n                disabled={!this.categories || this.isLoading}\n                model={this.categoriesComboBoxModel}\n                part=\"filter-category\"\n                onInput={this.#categoryInputHandler}\n              ></ch-combo-box-render>\n            </div>\n\n            <div\n              // All descendants / Modified\n              class=\"all-descendants__modified field field-inline\"\n            >\n              <ch-checkbox\n                // All descendants\n                class=\"checkbox\"\n                caption={this.#componentLocale.filter.allDescendants}\n                checkedValue={CHECKBOX_CHECKED_VALUE}\n                unCheckedValue={CHECKBOX_UNCHECKED_VALUE}\n                value={this.#allDescendants}\n                onInput={this.#allDescendantsCheckboxHandler}\n                part=\"filter-all-descendants\"\n                disabled={this.isLoading}\n              ></ch-checkbox>\n\n              <ch-checkbox\n                // Modified\n                class=\"checkbox align-center\"\n                caption={this.#componentLocale.filter.modified}\n                checkedValue={CHECKBOX_CHECKED_VALUE}\n                unCheckedValue={CHECKBOX_UNCHECKED_VALUE}\n                value={this.showModified}\n                onInput={this.#showModifiedCheckboxHandler}\n                part=\"filter-modified\"\n              ></ch-checkbox>\n            </div>\n          </div>\n\n          {this.showModified === CHECKBOX_CHECKED_VALUE && (\n            <div class=\"field-group advanced-filter__second-row\">\n              <div\n                // After\n                class=\"field field-block field-after\"\n              >\n                <label class=\"label\" htmlFor=\"filter-after-type\">\n                  {this.#componentLocale.filter.after}\n                </label>\n                <ch-combo-box-render\n                  id=\"filter-after-type\"\n                  class=\"combo-box\"\n                  value={this.afterValue}\n                  model={this.filterAfterComboBoxModel}\n                  onInput={this.#filterAfterTypeCallbackHandler}\n                  part=\"filter-after-type\"\n                  disabled={this.isLoading}\n                ></ch-combo-box-render>\n              </div>\n\n              <div\n                // User\n                class=\"field field-block field-user\"\n              >\n                <label class=\"label\" htmlFor=\"filter-user\">\n                  {this.#componentLocale.filter.user}\n                </label>\n                <ch-edit\n                  id=\"filter-user\"\n                  class=\"input\"\n                  value={this.#userValue}\n                  onInput={this.#userInputHandler}\n                  part=\"filter-user\"\n                  debounce={config.inputDebounce}\n                  disabled={this.isLoading}\n                ></ch-edit>\n              </div>\n\n              {this.afterValue === FILTER_AFTER_DATE_TIME && (\n                <div\n                  // Date/Time\n                  class={{\n                    \"field field-block field-date\": true,\n                    \"hide\": this.afterValue !== FILTER_AFTER_DATE_TIME\n                  }}\n                >\n                  <label\n                    class=\"label label-date-time\"\n                    htmlFor=\"filter-date-time\"\n                  >\n                    {this.#componentLocale.filter.dateTime}\n                    <ch-image\n                      class=\"icon-s icon-clear-date-time\"\n                      src={INFO_ICON}\n                    ></ch-image>\n                    <ch-tooltip\n                      class=\"tooltip\"\n                      actionElement={null}\n                      blockAlign=\"outside-start\"\n                      inlineAlign=\"inside-start\"\n                      delay={config.tooltipSettings.delay}\n                    >\n                      {this.#componentLocale.filter.dateTimeTooltip}\n                    </ch-tooltip>\n                  </label>\n\n                  <ch-edit\n                    id=\"filter-date-time\"\n                    type=\"datetime-local\"\n                    class=\"input input-date-time\"\n                    value={this.dateTimeValue}\n                    onInput={this.#dateTimeInputHandler}\n                    part=\"filter-date-time\"\n                    disabled={this.isLoading}\n                  ></ch-edit>\n\n                  <button\n                    class=\"button-tertiary button-icon-only\"\n                    onClick={this.#clearDateTimeValue}\n                    disabled={this.isLoading}\n                  >\n                    <ch-image class=\"icon-m\" src={CLEAR_ICON} type=\"mask\" />\n                  </button>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </ch-accordion-render>\n    ];\n  };\n\n  #renderObjects = (): Element => {\n    const gridIsEmpty = !this.objects.length;\n\n    return (\n      <ch-tabular-grid\n        ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n        class={{\n          \"tabular-grid\": true,\n          \"loading\": this.isLoading,\n          \"empty\": this.objects.length === 0\n        }}\n        rowSelectionMode=\"multiple\"\n        part=\"ch-grid-files\"\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            columnName=\"\"\n            columnNameHidden={false}\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n\n          <ch-tabular-grid-column\n            columnName={this.#componentLocale.tableHead.name}\n            columnNameHidden={false}\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n\n          <ch-tabular-grid-column\n            columnName={this.#componentLocale.tableHead.module}\n            columnNameHidden={false}\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n\n          {this.gridColumnsVisibility.description && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.description}\n              columnNameHidden={false}\n              settingable={false}\n              sortable={false}\n              size={config.tabularGrid.colSize.auto}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.modifiedDate && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.modifiedDate}\n              columnNameHidden={false}\n              settingable={false}\n              sortable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.lastUser && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.lastUser}\n              columnNameHidden={false}\n              settingable={false}\n              sortable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.importDate && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.importDate}\n              columnNameHidden={false}\n              settingable={false}\n              sortable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.lastBuildDate && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.lastBuildDate}\n              columnNameHidden={false}\n              settingable={false}\n              sortable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n        </ch-tabular-grid-columnset>\n\n        {!gridIsEmpty ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects?.map((object: ObjectData) => (\n              <ch-tabular-grid-row rowid={object.id} class=\"tabular-grid-row\">\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image src={object.icon}></ch-image>\n                </ch-tabular-grid-cell>\n\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {hiChar(\n                    object.name.toLowerCase(),\n                    this.#nameValue.toLowerCase()\n                  )}\n                </ch-tabular-grid-cell>\n\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {object.parent}\n                </ch-tabular-grid-cell>\n\n                {this.gridColumnsVisibility.description && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell-description\">\n                    {object.description}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.modifiedDate && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {this.#evaluateModifiedDates(\n                      object.modifiedDate,\n                      this.dateTimeValue\n                    )}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.lastUser && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {hiChar(object.lastUser?.toLowerCase(), this.#userValue)}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.importDate && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {hiChar(\n                      object.importDate\n                        ? this.#formatDate(object.importDate)\n                        : \"\",\n                      this.#nameValue\n                    )}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.lastBuildDate && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {hiChar(\n                      object.lastBuildDate\n                        ? this.#formatDate(object.lastBuildDate)\n                        : \"\",\n                      this.#nameValue\n                    )}\n                  </ch-tabular-grid-cell>\n                )}\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              {this.isLoading ? (\n                <gx-ide-loader\n                  loaderTitle={this.#componentLocale.loader.title}\n                  description={this.#componentLocale.loader.description}\n                  show\n                ></gx-ide-loader>\n              ) : (\n                <gx-ide-empty-state\n                  isAnimated={true}\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  #moduleValueChangedHandler = (\n    event: GxIdeEntitySelectorCustomEvent<EntityData>\n  ) => {\n    this.#moduleValue = event.detail;\n    this.#getObjects();\n  };\n\n  #nameInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.#nameValue = event.detail;\n    this.#getObjects();\n  };\n\n  #newFileCallbackHandler = (): void => {\n    this.newFileCallback();\n  };\n\n  #openSelectionCallbackHandler = (): void => {\n    this.openSelectionCallback(this.#selectedObjectsIds);\n  };\n\n  #searchContentsInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.#searchContentsValue = event.detail;\n    this.#getObjects();\n  };\n\n  #setLoadingState = () => {\n    // Only clear if no objects or first load\n    if (!this.objects || this.objects.length === 0) {\n      this.objects = [];\n    }\n    this.isLoading = true;\n  };\n\n  #userInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.#userValue = event.detail;\n    this.#getObjects();\n  };\n\n  #showModifiedCheckboxHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.showModified = event.detail;\n  };\n\n  #selectAll = (): void => {\n    if (\n      this.#chGridEl &&\n      typeof (this.#chGridEl as TabularGridWithSelection).selectAllRows ===\n        \"function\"\n    ) {\n      (this.#chGridEl as TabularGridWithSelection).selectAllRows();\n    }\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header class=\"header dialog-header-with-border spacing-body-inline spacing-body-block-start field-group\">\n            {this.#renderHeader()}\n          </header>\n\n          {this.#renderObjects()}\n\n          <footer class=\"dialog-footer-with-border dialog-footer-space-between spacing-body\">\n            <p\n              // matching objects\n              class=\"text-body\"\n              part=\"objects-matching\"\n            >\n              {`${this.objects?.length} ${\n                this.#componentLocale.objCount.matching\n              }`}\n            </p>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // select all button\n                id=\"button-select-all\"\n                class=\"button-secondary\"\n                onClick={this.#selectAll}\n                part=\"button button--select-all\"\n                disabled={this.isLoading}\n              >\n                {this.#componentLocale.footer.btnSelectAll}\n              </button>\n\n              <button\n                // new file button\n                id=\"button-new-file\"\n                class=\"button-primary button-icon-and-text\"\n                onClick={this.#newFileCallbackHandler}\n                part=\"button button--new-file\"\n                disabled={this.isLoading}\n              >\n                {this.#componentLocale.footer.btnNew}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type SelectionChangeCallback = (ids: string[]) => Promise<void>;\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\nexport type DeleteSelectionCallback = (ids: string[]) => Promise<void>;\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n// export type ContextMenuCallback = (ids: string[]) => Promise<void>;\nexport type ContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport type NewFileCallback = () => Promise<void>;\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport interface ObjectFiltersData {\n  name?: string;\n  searchContents?: string;\n  category?: string;\n  parent?: string;\n  allDescendants?: boolean;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n}\nexport interface ObjectData {\n  id: string;\n  icon: string;\n  name: string;\n  description: string;\n  parent: string;\n  modifiedDate?: Date;\n  lastUser?: string;\n  importDate?: Date;\n  lastBuildDate: Date;\n}\n\nexport type GridColumnsVisibility = {\n  description: boolean;\n  importDate: boolean;\n  lastBuildDate: boolean;\n  lastUser: boolean;\n  modifiedDate: boolean;\n};\n\ntype CheckboxState =\n  | typeof CHECKBOX_CHECKED_VALUE\n  | typeof CHECKBOX_UNCHECKED_VALUE;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-178805d6.entry.js → p-632d3a74.entry.js}

@@ -7,7 +7,7 @@ const mapTeamsToComboBoxItemModel = e => e === null || e === void 0 ? void 0 : e
   caption: e.name
 })));
 
-const o = ":host {\n  display: grid;\n  container-type: inline-size;\n  container-name: host-container;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n}\n\n.slide {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  block-size: 100%;\n  max-block-size: 700px;\n  max-inline-size: 1100px;\n  background-color: var(--color-accent-surface-elevation-1);\n  overflow: hidden;\n}\n.slide__illustration {\n  overflow: hidden;\n  object-fit: cover;\n  object-position: left;\n  block-size: 100%;\n  inline-size: 100%;\n}\n.slide__main {\n  display: grid;\n  block-size: 100%;\n  inline-size: 100%;\n  padding: 48px;\n  transform: translateY(4px);\n  transition: var(--display-teams-transtion-time) all;\n  opacity: 0;\n  position: relative;\n}\n.slide__main--visible {\n  transform: translateY(0);\n  opacity: 1;\n}\n.slide__main-container {\n  display: grid;\n  place-self: center;\n  gap: var(--spacing-gap-xxl);\n  max-inline-size: 480px;\n}\n.slide__main-header {\n  display: grid;\n  gap: var(--spacing-gap-xxl);\n}\n.slide__main-title {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--font-size-header-h2);\n  font-weight: var(--font-style-semi-bold);\n  letter-spacing: 0.02em;\n  color: var(--color-text-neutral-strawberry);\n}\n.slide__main-description {\n  display: grid;\n  gap: 40px;\n  font-size: var(--font-size-body-l);\n  font-weight: var(--font-style-regular);\n  line-height: var(--line-height-spacious);\n  color: var(--color-text-neutral-disabled);\n}\n\n.terms-conditions {\n  text-decoration: underline;\n}\n\n.teams-list {\n  inline-size: 100%;\n  max-inline-size: 400px;\n}\n\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-xl);\n}\n\n.continue-btn,\n.cancel-btn {\n  flex: 1;\n}\n\n@container host-container (max-width: 768px) {\n  .slide {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n@container host-container (max-width: 640px) {\n  .slide {\n    grid-template-columns: 1fr 5fr;\n  }\n}";
+const o = "button.button-secondary {\n  border-color: var(--color-border-neutral-default);\n}\n\n:host {\n  display: grid;\n  container-type: inline-size;\n  container-name: host-container;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n}\n\n.slide {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  block-size: 100%;\n  max-block-size: 700px;\n  max-inline-size: 1100px;\n  background-color: var(--color-accent-surface-elevation-1);\n  overflow: hidden;\n}\n.slide__illustration {\n  overflow: hidden;\n  object-fit: cover;\n  object-position: left;\n  block-size: 100%;\n  inline-size: 100%;\n}\n.slide__main {\n  display: grid;\n  block-size: 100%;\n  inline-size: 100%;\n  padding: 48px;\n  transform: translateY(4px);\n  transition: var(--display-teams-transtion-time) all;\n  opacity: 0;\n  position: relative;\n}\n.slide__main--visible {\n  transform: translateY(0);\n  opacity: 1;\n}\n.slide__main-container {\n  display: grid;\n  place-self: center;\n  gap: var(--spacing-gap-xxl);\n  max-inline-size: 480px;\n}\n.slide__main-header {\n  display: grid;\n  gap: var(--spacing-gap-xxl);\n}\n.slide__main-title {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--font-size-header-h2);\n  font-weight: var(--font-style-semi-bold);\n  letter-spacing: 0.02em;\n  color: var(--color-text-neutral-strawberry);\n}\n.slide__main-description {\n  display: grid;\n  gap: 40px;\n  font-size: var(--font-size-body-l);\n  font-weight: var(--font-style-regular);\n  line-height: var(--line-height-spacious);\n  color: var(--color-text-neutral-disabled);\n}\n\n.terms-conditions {\n  text-decoration: underline;\n}\n\n.teams-list {\n  inline-size: 100%;\n  max-inline-size: 400px;\n}\n\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-xl);\n}\n\n.continue-btn,\n.cancel-btn {\n  flex: 1;\n}\n\n@container host-container (max-width: 768px) {\n  .slide {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n@container host-container (max-width: 640px) {\n  .slide {\n    grid-template-columns: 1fr 5fr;\n  }\n}";
 
 var r = undefined && undefined.__classPrivateFieldGet || function(e, n, i, t) {
   if (i === "a" && !t) throw new TypeError("Private accessor was defined without a getter");
@@ -153,4 +153,4 @@ p = new WeakMap;
 v.style = o;
 
 export { v as gx_ide_select_user_team };
-//# sourceMappingURL=p-178805d6.entry.js.map
+//# sourceMappingURL=p-632d3a74.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapTeamsToComboBoxItemModel","teams","map","team","value","id","caption","name","selectUserTeamCss","COPYRIGHTS_ILLUSTRATION","getAssetPath","ICON_NEXT","CSS_BUNDLES","GxIdeSelectUserTeam","_GxIdeSelectUserTeam_componentLocale","set","this","_GxIdeSelectUserTeam_userTeamsModel","_GxIdeSelectUserTeam_chSelectTeamEl","_GxIdeSelectUserTeam_displayTeamsTransitionTime","_GxIdeSelectUserTeam_continueHandler","async","continueCallback","__classPrivateFieldGet","_GxIdeSelectUserTeam_cancelHandler","cancelCallback","teamsChanged","newTeams","slideIsVisible","setTimeout","length","__classPrivateFieldSet","teamsModelReady","componentWillLoad","Locale","getComponentStrings","el","style","setProperty","toString","componentDidLoad","render","h","Host","model","class","src","alt","slide__main","title","infoMessage","htmlFor","accessibleName","_a","ref","onClick","continueButtonCaption","cancelButtonCaption","show","loaderTitle","loader","description"],"sources":["src/components/select-user-team/helpers.tsx","src/components/select-user-team/select-user-team.scss?tag=gx-ide-select-user-team&encapsulation=shadow","src/components/select-user-team/select-user-team.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./select-user-team\";\n\nexport const mapTeamsToComboBoxItemModel = (\n  teams: TeamData[]\n): ComboBoxItemModel[] => {\n  return teams?.map(team => {\n    return {\n      value: team.id,\n      caption: team.name\n    };\n  });\n};\n","@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  container-type: inline-size;\n  container-name: host-container;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n}\n\n.slide {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  block-size: 100%;\n  max-block-size: 700px;\n  max-inline-size: 1100px;\n  background-color: var(--color-accent-surface-elevation-1);\n  overflow: hidden;\n\n  &__illustration {\n    overflow: hidden;\n    object-fit: cover;\n    object-position: left;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  &__main {\n    display: grid;\n    block-size: 100%;\n    inline-size: 100%;\n    padding: 48px;\n    transform: translateY(4px);\n    transition: var(--display-teams-transtion-time) all;\n    opacity: 0;\n\n    position: relative;\n\n    &--visible {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  &__main-container {\n    display: grid;\n    place-self: center;\n    gap: var(--spacing-gap-xxl);\n    max-inline-size: 480px;\n  }\n\n  &__main-header {\n    display: grid;\n    gap: var(--spacing-gap-xxl);\n  }\n\n  &__main-title {\n    display: flex;\n    flex-direction: column;\n    font-size: var(--font-size-header-h2);\n    font-weight: var(--font-style-semi-bold);\n    letter-spacing: 0.02em;\n    color: var(--color-text-neutral-strawberry);\n  }\n\n  &__main-description {\n    display: grid;\n    gap: 40px;\n    font-size: var(--font-size-body-l);\n    font-weight: var(--font-style-regular);\n    line-height: var(--line-height-spacious);\n    color: var(--color-text-neutral-disabled);\n  }\n}\n\n.terms-conditions {\n  text-decoration: underline;\n}\n\n.teams-list {\n  inline-size: 100%;\n  max-inline-size: 400px;\n}\n\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-xl);\n}\n\n.continue-btn,\n.cancel-btn {\n  flex: 1;\n}\n\n@container host-container (max-width: 768px) {\n  .slide {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n\n@container host-container (max-width: 640px) {\n  .slide {\n    grid-template-columns: 1fr 5fr;\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Element,\n  getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\nimport { mapTeamsToComboBoxItemModel } from \"./helpers\";\n\nconst COPYRIGHTS_ILLUSTRATION = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/copyrights-illustration.png`\n);\nconst ICON_NEXT = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/combo-box\"\n];\n\n@Component({\n  tag: \"gx-ide-select-user-team\",\n  styleUrl: \"select-user-team.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/select-user-team\"]\n})\nexport class GxIdeSelectUserTeam {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  // Select User Team References :\n  #userTeamsModel: ComboBoxItemModel[] = [];\n  #chSelectTeamEl: HTMLChComboBoxRenderElement;\n  #displayTeamsTransitionTime: number = 100;\n\n  @Element() el: HTMLGxIdeSelectUserTeamElement;\n\n  /**\n   * Defines if the main slide is visible or not. Used for smooth transitions between slides.\n   */\n  @State() slideIsVisible: boolean = false;\n\n  /**\n   * Defines if the team model is redy to be rendered.\n   */\n  @State() teamsModelReady: boolean = false;\n\n  /**\n   * Callback executed when the user clicks the 'Cancel' button\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user clicks the 'Continue' button\n   */\n  @Prop() readonly continueCallback!: (teamId: string) => Promise<void>;\n\n  /**\n   * Array that contains the user's teams\n   */\n  @Prop() readonly teams!: TeamData[];\n  @Watch(\"teams\")\n  teamsChanged(newTeams: TeamData[]) {\n    this.slideIsVisible = false;\n    // switch step\n    setTimeout(() => {\n      if (newTeams.length) {\n        this.#userTeamsModel = mapTeamsToComboBoxItemModel(newTeams);\n        this.teamsModelReady = true;\n      } else {\n        this.teamsModelReady = false;\n      }\n    }, this.#displayTeamsTransitionTime);\n    // show slide\n    setTimeout(() => {\n      this.slideIsVisible = true;\n    }, this.#displayTeamsTransitionTime * 2);\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.teamsChanged(this.teams);\n\n    this.el.style.setProperty(\n      \"--display-teams-transtion-time\",\n      this.#displayTeamsTransitionTime.toString() + \"ms\"\n    );\n  }\n\n  componentDidLoad() {\n    this.slideIsVisible = true;\n  }\n\n  #continueHandler = async () => {\n    await this.continueCallback(this.#chSelectTeamEl.value);\n  };\n\n  #cancelHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"slide\">\n          <img\n            src={COPYRIGHTS_ILLUSTRATION}\n            class=\"slide__illustration\"\n            alt=\"\" // decorative\n          />\n\n          <div\n            class={{\n              \"slide__main\": true,\n              \"slide__main--visible\": this.slideIsVisible\n            }}\n          >\n            <div class=\"slide__main-container\">\n              {this.teamsModelReady ? (\n                [\n                  <header class=\"slide__main-header\">\n                    <img\n                      src={ICON_NEXT}\n                      alt=\"\" // decorative\n                    />\n                    <h2\n                      // Split the title into two spans for better styling\n                      class=\"slide__main-title\"\n                    >\n                      <span>{this.#componentLocale.title}</span>\n                    </h2>\n                  </header>,\n                  <div class=\"slide__select-team-description\">\n                    <p class=\"body-semi-bold-l\">\n                      {this.#componentLocale.infoMessage}\n                    </p>\n                  </div>,\n                  <div class=\"field-group\">\n                    <div class=\"field field-block\">\n                      <label htmlFor=\"teams\">\n                        {this.#componentLocale.teams}\n                      </label>\n                      <ch-combo-box-render\n                        id=\"teams\"\n                        accessibleName=\"Teams\"\n                        class=\"combo-box teams-list\"\n                        model={this.#userTeamsModel}\n                        value={\n                          this.#userTeamsModel && this.#userTeamsModel[0]?.value\n                        }\n                        ref={(el: HTMLChComboBoxRenderElement) =>\n                          (this.#chSelectTeamEl =\n                            el as HTMLChComboBoxRenderElement)\n                        }\n                      ></ch-combo-box-render>\n                    </div>\n                  </div>,\n                  <div class=\"buttons-container\">\n                    <button\n                      class=\"button-primary continue-btn\"\n                      onClick={this.#continueHandler}\n                    >\n                      {this.#componentLocale.continueButtonCaption}\n                    </button>\n                    <button\n                      class=\"button-secondary cancel-btn\"\n                      onClick={this.#cancelHandler}\n                    >\n                      {this.#componentLocale.cancelButtonCaption}\n                    </button>\n                  </div>\n                ]\n              ) : (\n                <gx-ide-loader\n                  show\n                  loaderTitle={this.#componentLocale.loader.title}\n                  description={this.#componentLocale.loader.description}\n                ></gx-ide-loader>\n              )}\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type TeamData = {\n  id: string;\n  name: string;\n};\n"],"mappings":";;;;AAGO,MAAMA,8BACXC,KAEOA,MAAK,QAALA,WAAK,aAALA,EAAOC,KAAIC,MACT;EACLC,OAAOD,EAAKE;EACZC,SAASH,EAAKI;;;ACTpB,MAAMC,IAAoB;;;;;;;;;;;;;;;;;ACkB1B,MAAMC,IAA0BC,EAC9B;;AAEF,MAAMC,IAAYD,EAChB;;AAEF,MAAME,IAA8B,EAClC,qBACA,oBACA,qBACA;;MASWC,IAAmB;;;;;;;QAK9BC,EAAAC,IAAAC,WAAA;;QAEAC,EAAAF,IAAAC,MAAuC;IACvCE,EAAAH,IAAAC,WAAA;IACAG,EAAAJ,IAAAC,MAAsC;IA4DtCI,EAAAL,IAAAC,OAAmBK;YACXL,KAAKM,iBAAiBC,EAAAP,MAAIE,GAAA,KAAiBd;AAAM;IAGzDoB,EAAAT,IAAAC,OAAiBK;YACTL,KAAKS;AAAgB;0BA1DM;2BAKC;;;;;EAiBpC,YAAAC,CAAaC;IACXX,KAAKY,iBAAiB;;QAEtBC,YAAW;MACT,IAAIF,EAASG,QAAQ;QACnBC,EAAAf,MAAIC,GAAmBjB,4BAA4B2B,IAAS;QAC5DX,KAAKgB,kBAAkB;aAClB;QACLhB,KAAKgB,kBAAkB;;QAExBT,EAAAP,MAAIG,GAAA;;QAEPU,YAAW;MACTb,KAAKY,iBAAiB;AAAI,QACzBL,EAAAP,MAAIG,GAAA,OAA+B;;EAGxC,uBAAMc;IACJF,EAAAf,MAAIF,SAA0BoB,EAAOC,oBAAoBnB,KAAKoB,KAAG;IACjEpB,KAAKU,aAAaV,KAAKf;IAEvBe,KAAKoB,GAAGC,MAAMC,YACZ,kCACAf,EAAAP,MAAIG,GAAA,KAA6BoB,aAAa;;EAIlD,gBAAAC;IACExB,KAAKY,iBAAiB;;EAWxB,MAAAa;;IACE,OACEC,EAACC,GAAI,MACHD,EAAA;MAAUE,OAAOhC;QACjB8B,EAAA;MAASG,OAAM;OACbH,EAAA;MACEI,KAAKrC;MACLoC,OAAM;MACNE,KAAI;QAGNL,EAAA;MACEG,OAAO;QACLG,aAAe;QACf,wBAAwBhC,KAAKY;;OAG/Bc,EAAA;MAAKG,OAAM;OACR7B,KAAKgB,kBAAe,EAEjBU,EAAA;MAAQG,OAAM;OACZH,EAAA;MACEI,KAAKnC;MACLoC,KAAI;QAENL,EAAA;;MAEEG,OAAM;OAENH,EAAA,cAAOnB,EAAAP,MAAIF,GAAA,KAAkBmC,UAGjCP,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAGG,OAAM;OACNtB,EAAAP,MAAIF,GAAA,KAAkBoC,eAG3BR,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAOS,SAAQ;OACZ5B,EAAAP,MAAIF,GAAA,KAAkBb,QAEzByC,EAAA;MACErC,IAAG;MACH+C,gBAAe;MACfP,OAAM;MACND,OAAOrB,EAAAP,MAAIC,GAAA;MACXb,OACEmB,EAAAP,MAAIC,GAAA,UAAoBoC,IAAA9B,EAAAP,MAAIC,GAAA,KAAiB,QAAE,QAAAoC,WAAA,aAAAA,EAAEjD;MAEnDkD,KAAMlB,KACHL,EAAAf,MAAIE,GACHkB,GAAiC;UAK3CM,EAAA;MAAKG,OAAM;OACTH,EAAA;MACEG,OAAM;MACNU,SAAShC,EAAAP,MAAII,GAAA;OAEZG,EAAAP,MAAIF,GAAA,KAAkB0C,wBAEzBd,EAAA;MACEG,OAAM;MACNU,SAAShC,EAAAP,MAAIQ,GAAA;OAEZD,EAAAP,MAAIF,GAAA,KAAkB2C,0BAK7Bf,EAAA;MACEgB,MAAI;MACJC,aAAapC,EAAAP,MAAIF,GAAA,KAAkB8C,OAAOX;MAC1CY,aAAatC,EAAAP,MAAIF,GAAA,KAAkB8C,OAAOC"}

package/dist/genexus-ide-ui/{p-36462e51.entry.js → p-63abf7e8.entry.js}

@@ -1,4 +1,4 @@
-import { g as e, r as a, h as i, H as s, a as t } from "./p-9b9ccd0c.js";
+import { g as e, r as a, h as t, H as i, a as s } from "./p-9b9ccd0c.js";
 
 import { g as o } from "./p-d42e842b.js";
 
@@ -12,12 +12,12 @@ import "lit/directives/if-defined.js";
 
 import { L as r } from "./p-311eedf3.js";
 
-const n = '@charset "UTF-8";:host{display:grid;block-size:100%;grid-auto-rows:max-content;justify-content:center;padding:95px 24px 95px 24px;overflow:auto}.licenses-descriptions-list,.licenses-names-list{list-style:none;margin:0;padding:0}.main-wrapper{max-inline-size:1000px;display:grid;gap:var(--spacing-gap-xxxl)}.logo{inline-size:201px;block-size:41px;margin:0 auto;margin-block-end:40px;opacity:0;transform:translateY(4px);animation:showLogo var(--timing-regular) ease-out forwards;animation-delay:var(--timing-regular);background-color:var(--color-icon-neutral-default)}@keyframes showLogo{100%{opacity:1;transform:translateY(0)}}.card{display:grid;border-radius:4px;border-width:1px;border-color:var(--elevation-border-color);border-style:solid;padding:var(--spacing-padding-xxl);gap:var(--spacing-gap-xl);opacity:0;animation:showCard var(--timing-fast) ease-out forwards;animation-delay:calc(var(--timing-regular) * 2)}@keyframes showCard{100%{opacity:1}}h1.title{font-weight:var(--font-style-semi-bold)}.intro-container{display:grid;gap:var(--spacing-gap-xl)}.date-container{display:grid;gap:var(--spacing-gap-l)}.card-package{opacity:0;transition:opacity var(--timing-fast)}.package-name{--package-name-color:var(--color-text-primary-default);color:var(--package-name-color)}.package-name a{display:flex;align-items:center;gap:var(--spacing-gap-m)}.package-name.has-link:hover{--package-name-color:var(--color-text-primary-hover)}.package-name.has-link:active{--package-name-color:var(--color-text-primary-pressed)}.package-link{display:inline-block}.licenses-names-list{display:flex;align-items:center}.licenses-names-item:not(:first-child)::before{content:"•";padding-inline:8px}.licenses-descriptions-description{white-space:break-spaces;max-block-size:940px;overflow:auto;line-height:var(--line-height-spacious)}.licenses-descriptions-item{display:grid;gap:var(--spacing-gap-xl)}.code-box{border-radius:4px;background-color:var(--color-accent-surface-surface);border:1px solid var(--color-border-surface-on-elevation-1);padding:var(--spacing-padding-xl);font-family:var(--font-family-code);font-size:var(--font-size-body-s);display:grid;gap:var(--spacing-gap-xxl)}.description-list{display:grid;gap:var(--spacing-gap-m);max-inline-size:400px;margin:0 auto}.show-more-button{justify-self:start}.color-neutral{color:var(--color-text-neutral-on-disabled)}.color-primary{color:var(--color-text-primary-default)}p{--line-height-tight:1.5;--font-weight-regular:var(\n    --font-style-regular\n  )}hr{border-block-start:0;border-color:var(--color-border-surface-on-elevation-1);inline-size:100%;margin:0}';
+const n = '@charset "UTF-8";button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;grid-auto-rows:max-content;justify-content:center;padding:95px 24px 95px 24px;overflow:auto}.licenses-descriptions-list,.licenses-names-list{list-style:none;margin:0;padding:0}.main-wrapper{max-inline-size:1000px;display:grid;gap:var(--spacing-gap-xxxl)}.logo{inline-size:201px;block-size:41px;margin:0 auto;margin-block-end:40px;opacity:0;transform:translateY(4px);animation:showLogo var(--timing-regular) ease-out forwards;animation-delay:var(--timing-regular);background-color:var(--color-icon-neutral-default)}@keyframes showLogo{100%{opacity:1;transform:translateY(0)}}.card{display:grid;border-radius:4px;border-width:1px;border-color:var(--elevation-border-color);border-style:solid;padding:var(--spacing-padding-xxl);gap:var(--spacing-gap-xl);opacity:0;animation:showCard var(--timing-fast) ease-out forwards;animation-delay:calc(var(--timing-regular) * 2)}@keyframes showCard{100%{opacity:1}}h1.title{font-weight:var(--font-style-semi-bold)}.intro-container{display:grid;gap:var(--spacing-gap-xl)}.date-container{display:grid;gap:var(--spacing-gap-l)}.card-package{opacity:0;transition:opacity var(--timing-fast)}.package-name{--package-name-color:var(--color-text-primary-default);color:var(--package-name-color)}.package-name a{display:flex;align-items:center;gap:var(--spacing-gap-m)}.package-name.has-link:hover{--package-name-color:var(--color-text-primary-hover)}.package-name.has-link:active{--package-name-color:var(--color-text-primary-pressed)}.package-link{display:inline-block}.licenses-names-list{display:flex;align-items:center}.licenses-names-item:not(:first-child)::before{content:"•";padding-inline:8px}.licenses-descriptions-description{white-space:break-spaces;max-block-size:940px;overflow:auto;line-height:var(--line-height-spacious)}.licenses-descriptions-item{display:grid;gap:var(--spacing-gap-xl)}.code-box{border-radius:4px;background-color:var(--color-accent-surface-surface);border:1px solid var(--color-border-surface-on-elevation-1);padding:var(--spacing-padding-xl);font-family:var(--font-family-code);font-size:var(--font-size-body-s);display:grid;gap:var(--spacing-gap-xxl)}.description-list{display:grid;gap:var(--spacing-gap-m);max-inline-size:400px;margin:0 auto}.show-more-button{justify-self:start}.color-neutral{color:var(--color-text-neutral-on-disabled)}.color-primary{color:var(--color-text-primary-default)}p{--line-height-tight:1.5;--font-weight-regular:var(\n    --font-style-regular\n  )}hr{border-block-start:0;border-color:var(--color-border-surface-on-elevation-1);inline-size:100%;margin:0}';
 
-var l = undefined && undefined.__classPrivateFieldGet || function(e, a, i, s) {
-  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof a === "function" ? e !== a || !s : !a.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? s : i === "a" ? s.call(e) : s ? s.value : a.get(e);
+var l = undefined && undefined.__classPrivateFieldGet || function(e, a, t, i) {
+  if (t === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof a === "function" ? e !== a || !i : !a.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return t === "m" ? i : t === "a" ? i.call(e) : i ? i.value : a.get(e);
 };
 
 var c, d, p, g, m, h;
@@ -46,36 +46,36 @@ const $ = class {
   constructor(e) {
     a(this, e);
     c.set(this, (e => e === null || e === void 0 ? void 0 : e.toISOString().split("T")[0]));
-    d.set(this, ((e, a = "name", s) => {
-      const t = l(this, g, "f").call(this, s, e.name);
-      const o = t === this.expandedLicenseId;
-      return a === "name" ? i("ul", {
+    d.set(this, ((e, a = "name", i) => {
+      const s = l(this, g, "f").call(this, i, e.name);
+      const o = s === this.expandedLicenseId;
+      return a === "name" ? t("ul", {
         class: "licenses-names-list"
-      }, i("li", {
+      }, t("li", {
         class: "body-regular-m licenses-names-item"
-      }, e.name)) : i("ul", {
+      }, e.name)) : t("ul", {
         class: "licenses-descriptions-list"
-      }, i("li", {
+      }, t("li", {
         class: "licenses-descriptions-item",
         key: e.name
-      }, o ? i("p", {
+      }, o ? t("p", {
         class: "code-box color-neutral licenses-descriptions-description scrollable"
       }, e.description) : null));
     }));
     p.set(this, ((e, a) => {
-      const s = l(this, g, "f").call(this, a, e.name);
-      const t = s === this.expandedLicenseId;
-      const o = t ? this._componentLocale.detailsCard.hide : this._componentLocale.detailsCard.show;
-      return i("div", {
+      const i = l(this, g, "f").call(this, a, e.name);
+      const s = i === this.expandedLicenseId;
+      const o = s ? this._componentLocale.detailsCard.hide : this._componentLocale.detailsCard.show;
+      return t("div", {
         class: "licenses-buttons-container buttons-spacer"
-      }, i("button", {
+      }, t("button", {
         class: {
           "button-icon-and-text": true,
-          "button-primary": !t,
-          "button-secondary": t,
+          "button-primary": !s,
+          "button-secondary": s,
           "show-more-button": true
         },
-        onClick: l(this, m, "f").call(this, s)
+        onClick: l(this, m, "f").call(this, i)
       }, o));
     }));
     g.set(this, ((e, a) => `${e.packageName}-${e.packageVersion}-${a}`));
@@ -106,7 +106,7 @@ const $ = class {
   render() {
     var e;
     const a = l(this, c, "f").call(this, this.dateGenerated);
-    return i(s, {
+    return t(i, {
       class: "scrollable",
       style: {
         backgroundImage: `url(${y}), url(${x}), url(${k})`,
@@ -114,51 +114,51 @@ const $ = class {
         backgroundRepeat: "no-repeat, no-repeat, no-repeat",
         backgroundSize: `${v}, ${v}, ${v}`
       }
-    }, i("ch-theme", {
+    }, t("ch-theme", {
       model: w
-    }), i("div", {
+    }), t("div", {
       class: "main-wrapper"
-    }, i("div", {
+    }, t("div", {
       style: {
         mask: `url(${b}) no-repeat center`
       },
       class: "logo"
-    }), i("div", {
+    }), t("div", {
       class: "card card-details elevation-1"
-    }, i("div", {
+    }, t("div", {
       class: "intro-container"
-    }, i("h1", {
+    }, t("h1", {
       class: "title heading-3"
-    }, this._componentLocale.detailsCard.title), i("p", {
+    }, this._componentLocale.detailsCard.title), t("p", {
       class: "body-regular-m"
-    }, this._componentLocale.detailsCard.mainDescription), i("p", {
+    }, this._componentLocale.detailsCard.mainDescription), t("p", {
       class: "color-neutral body-italic-s"
-    }, this._componentLocale.detailsCard.secondaryDescription)), i("hr", null), i("div", {
+    }, this._componentLocale.detailsCard.secondaryDescription)), t("hr", null), t("div", {
       class: "date-container"
-    }, i("p", {
+    }, t("p", {
       class: "color-neutral"
-    }, this._componentLocale.detailsCard.dateGenerated), i("time", {
+    }, this._componentLocale.detailsCard.dateGenerated), t("time", {
       dateTime: a
     }, a))), (e = this.packages) === null || e === void 0 ? void 0 : e.map((e => {
       let a = `${e.packageName} ${e.packageVersion}`;
-      const s = e.packageURL ? i("a", {
+      const i = e.packageURL ? t("a", {
         href: e.packageURL,
         target: "_blank",
         onClick: l(this, h, "f").call(this, e.packageURL),
         class: "package-link"
-      }, a, i("ch-image", {
+      }, a, t("ch-image", {
         src: u,
         class: "package-icon icon-s"
       })) : a;
-      return i("article", {
+      return t("article", {
         class: "card card-package elevation-1"
-      }, i("h2", {
+      }, t("h2", {
         class: {
           "subtitle-semi-bold-s": true,
           "package-name": true,
           "has-link": !!e.packageURL
         }
-      }, s), i("p", {
+      }, i), t("p", {
         class: "subtitle-semi-bold-s"
       }, this._componentLocale.packageCard.declaredLicenses), l(this, d, "f").call(this, e.declaredLicense, "name", e), l(this, d, "f").call(this, e.declaredLicense, "description", e), l(this, p, "f").call(this, e.declaredLicense, e));
     }))));
@@ -167,7 +167,7 @@ const $ = class {
     return [ "gx-ide-assets/details-acknowledgements" ];
   }
   get el() {
-    return t(this);
+    return s(this);
   }
 };
 
@@ -177,4 +177,4 @@ h = new WeakMap;
 $.style = n;
 
 export { $ as gx_ide_details_acknowledgements };
-//# sourceMappingURL=p-36462e51.entry.js.map
+//# sourceMappingURL=p-63abf7e8.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["detailsAcknowledgementsCss","OPEN_WINDOW_ICON","getIconPath","category","name","colorType","IMAGES_PATH","BACKGROUND_SIZE","GENEXUS_NEXT_LOGO_SRC","getAssetPath","BG_IMAGE_TOP_START","BG_IMAGE_BOTTOM_START","BG_IMAGE_BOTTOM_END","CSS_BUNDLES","GxIdeDetailsAcknowledgements","_GxIdeDetailsAcknowledgements_getFormatedDate","set","this","date","toISOString","split","_GxIdeDetailsAcknowledgements_renderLicenseInfo","license","type","packageData","licenseId","__classPrivateFieldGet","_GxIdeDetailsAcknowledgements_getLicenseId","call","showDescription","expandedLicenseId","h","class","key","description","_GxIdeDetailsAcknowledgements_renderLicensesViewButtons","visibleLicenseButton","viewLicenseButtonLabel","_componentLocale","detailsCard","hide","show","onClick","_GxIdeDetailsAcknowledgements_viewLicenseClickedHandler","licenseName","packageName","packageVersion","undefined","_GxIdeDetailsAcknowledgements_openLinkClickedHandler","url","e","openPackageUrlCallback","preventDefault","componentWillLoad","Locale","getComponentStrings","el","render","formatedDate","dateGenerated","Host","style","backgroundImage","backgroundPosition","backgroundRepeat","backgroundSize","model","mask","title","mainDescription","secondaryDescription","dateTime","_a","packages","map","packageItem","headingContent","packageURL","href","target","src","packageCard","declaredLicenses","declaredLicense"],"sources":["src/components/details-acknowledgements/details-acknowledgements.scss?tag=gx-ide-details-acknowledgements&encapsulation=shadow","src/components/details-acknowledgements/details-acknowledgements.tsx"],"sourcesContent":["@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-auto-rows: max-content;\n  justify-content: center;\n  padding: 95px 24px 95px 24px;\n  overflow: auto;\n}\n\n%resetList {\n  // TODO: Use mixin from common\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.main-wrapper {\n  max-inline-size: 1000px;\n  display: grid;\n  gap: var(--spacing-gap-xxxl);\n}\n\n.logo {\n  inline-size: 201px;\n  block-size: 41px;\n  margin: 0 auto;\n  margin-block-end: 40px;\n  opacity: 0;\n  transform: translateY(4px);\n  animation: showLogo var(--timing-regular) ease-out forwards;\n  animation-delay: var(--timing-regular);\n  background-color: var(--color-icon-neutral-default);\n}\n@keyframes showLogo {\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n// general\n\n.card {\n  display: grid;\n  border-radius: 4px;\n  border-width: 1px;\n  border-color: var(--elevation-border-color);\n  border-style: solid;\n  padding: var(--spacing-padding-xxl);\n  gap: var(--spacing-gap-xl);\n  opacity: 0;\n  animation: showCard var(--timing-fast) ease-out forwards;\n  animation-delay: calc(var(--timing-regular) * 2);\n}\n@keyframes showCard {\n  100% {\n    opacity: 1;\n  }\n}\n\n// details card\n\nh1.title {\n  font-weight: var(--font-style-semi-bold);\n}\n\n.intro-container {\n  display: grid;\n  gap: var(--spacing-gap-xl);\n}\n\n.date-container {\n  display: grid;\n  gap: var(--spacing-gap-l);\n}\n\n// package card\n\n.card-package {\n  opacity: 0;\n  transition: opacity var(--timing-fast);\n}\n\n.package-name {\n  --package-name-color: var(--color-text-primary-default);\n  color: var(--package-name-color);\n\n  a {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-gap-m);\n  }\n\n  &.has-link {\n    // TODO: This should be a class in Mercury\n    &:hover {\n      --package-name-color: var(--color-text-primary-hover);\n    }\n    &:active {\n      --package-name-color: var(--color-text-primary-pressed);\n    }\n  }\n}\n.package-link {\n  display: inline-block;\n}\n\n.licenses-names-list {\n  @extend %resetList;\n  display: flex;\n  align-items: center;\n}\n.licenses-names-item:not(:first-child)::before {\n  content: \"•\";\n  padding-inline: 8px;\n}\n\n.licenses-descriptions-list {\n  @extend %resetList;\n}\n.licenses-descriptions-description {\n  white-space: break-spaces;\n  max-block-size: 940px;\n  overflow: auto;\n  line-height: var(--line-height-spacious);\n}\n.licenses-descriptions-item {\n  display: grid;\n  gap: var(--spacing-gap-xl);\n}\n\n.code-box {\n  border-radius: 4px;\n  background-color: var(--color-accent-surface-surface);\n  border: 1px solid var(--color-border-surface-on-elevation-1);\n  padding: var(--spacing-padding-xl);\n  font-family: var(--font-family-code);\n  font-size: var(--font-size-body-s);\n  display: grid;\n  gap: var(--spacing-gap-xxl);\n}\n\n.description-list {\n  display: grid;\n  gap: var(--spacing-gap-m);\n  max-inline-size: 400px;\n  margin: 0 auto;\n}\n\n.show-more-button {\n  justify-self: start;\n}\n\n// utilities\n.color-neutral {\n  color: var(\n    --color-text-neutral-on-disabled\n  ); // TODO: This token does not seem to be the correct one, because this text is not over disabled.\n}\n.color-primary {\n  color: var(--color-text-primary-default);\n}\n\np {\n  // TODO: Update line-height values on Mercury\n  --line-height-tight: 1.5;\n  --font-weight-regular: var(\n    --font-style-regular\n  ); // WA: 300 -> 400 (closest available)\n}\n\nhr {\n  // WA/TODO: A style for hr should be defined on Mercury\n  border-block-start: 0;\n  border-color: var(--color-border-surface-on-elevation-1);\n  inline-size: 100%;\n  margin: 0;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  JSX\n} from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\n\nimport type { PackageData, License, OpenPackageURLCallback } from \"./types\";\n\nconst OPEN_WINDOW_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"open-window\",\n  colorType: \"primary\"\n});\n\nconst IMAGES_PATH = \"./gx-ide-assets/details-acknowledgements/images\";\nconst BACKGROUND_SIZE = \"300px\";\n\nconst GENEXUS_NEXT_LOGO_SRC = getAssetPath(\n  `${IMAGES_PATH}/genexus-next-logo.svg`\n);\nconst BG_IMAGE_TOP_START = getAssetPath(`${IMAGES_PATH}/top-start.svg`);\nconst BG_IMAGE_BOTTOM_START = getAssetPath(`${IMAGES_PATH}/bottom-start.svg`);\nconst BG_IMAGE_BOTTOM_END = getAssetPath(`${IMAGES_PATH}/bottom-end.svg`);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/elevation\",\n  \"components/button\",\n  \"components/icon\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-details-acknowledgements\",\n  styleUrl: \"details-acknowledgements.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/details-acknowledgements\"]\n})\nexport class GxIdeDetailsAcknowledgements {\n  /**\n   * The component hard-coded strings translations.\n   */\n  _componentLocale: any;\n\n  @Element() el: HTMLGxIdeDetailsAcknowledgementsElement;\n\n  /**\n   * Identifier of the currently expanded license. Should combine:\n   * packageName + packageVersion + license.name. Example:\n   * @sentry/core-6.7.1-mit\n   */\n  @State() expandedLicenseId?: string;\n\n  /** The date when the current release was published */\n  @Prop() readonly dateGenerated?: Date;\n\n  /** The version of the current release*/\n  @Prop() readonly release?: string;\n\n  /** The list of packages that the current release contains*/\n  @Prop() readonly packages: PackageData[];\n\n  /**\n   * Callback invoked when the user clicks a package with a packageURL.\n   * If openPackageUrlCallback is defined, the default link action is\n   * prevented and the URL is passed to the host via the callback.\n   * Otherwise, the link opens in a new tab as usual.\n   */\n  @Prop() readonly openPackageUrlCallback: OpenPackageURLCallback;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #getFormatedDate = (date: Date) => {\n    return date?.toISOString().split(\"T\")[0];\n  };\n\n  #renderLicenseInfo = (\n    license: License,\n    type: \"name\" | \"description\" = \"name\",\n    packageData: PackageData\n  ): JSX.Element => {\n    const licenseId = this.#getLicenseId(packageData, license.name);\n    const showDescription = licenseId === this.expandedLicenseId;\n    return type === \"name\" ? (\n      <ul class=\"licenses-names-list\">\n        <li class=\"body-regular-m licenses-names-item\">{license.name}</li>\n      </ul>\n    ) : (\n      <ul class=\"licenses-descriptions-list\">\n        <li class=\"licenses-descriptions-item\" key={license.name}>\n          {showDescription ? (\n            <p class=\"code-box color-neutral licenses-descriptions-description scrollable\">\n              {license.description}\n            </p>\n          ) : null}\n        </li>\n      </ul>\n    );\n  };\n\n  #renderLicensesViewButtons = (\n    license: License,\n    packageData?: PackageData\n  ): JSX.Element => {\n    const licenseId = this.#getLicenseId(packageData, license.name);\n    const visibleLicenseButton = licenseId === this.expandedLicenseId;\n    const viewLicenseButtonLabel = visibleLicenseButton\n      ? this._componentLocale.detailsCard.hide\n      : this._componentLocale.detailsCard.show;\n    return (\n      <div class=\"licenses-buttons-container buttons-spacer\">\n        {\n          <button\n            class={{\n              \"button-icon-and-text\": true,\n              \"button-primary\": !visibleLicenseButton,\n              \"button-secondary\": visibleLicenseButton,\n              \"show-more-button\": true\n            }}\n            onClick={this.#viewLicenseClickedHandler(licenseId)}\n          >\n            {viewLicenseButtonLabel}\n          </button>\n        }\n      </div>\n    );\n  };\n\n  #getLicenseId = (packageData: PackageData, licenseName: string): string => {\n    return `${packageData.packageName}-${packageData.packageVersion}-${licenseName}`;\n  };\n\n  #viewLicenseClickedHandler = (licenseId: string) => () => {\n    if (licenseId === this.expandedLicenseId) {\n      // collapse\n      this.expandedLicenseId = undefined;\n    } else {\n      // expand collapse\n      this.expandedLicenseId = licenseId;\n    }\n  };\n\n  #openLinkClickedHandler = (url: string) => (e: MouseEvent) => {\n    if (this.openPackageUrlCallback) {\n      e.preventDefault();\n      this.openPackageUrlCallback(url);\n    }\n  };\n\n  render() {\n    const formatedDate = this.#getFormatedDate(this.dateGenerated);\n    return (\n      <Host\n        class=\"scrollable\"\n        style={{\n          backgroundImage: `url(${BG_IMAGE_TOP_START}), url(${BG_IMAGE_BOTTOM_START}), url(${BG_IMAGE_BOTTOM_END})`,\n          backgroundPosition: \"left top, left bottom, right bottom\",\n          backgroundRepeat: \"no-repeat, no-repeat, no-repeat\",\n          backgroundSize: `${BACKGROUND_SIZE}, ${BACKGROUND_SIZE}, ${BACKGROUND_SIZE}`\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"main-wrapper\">\n          <div\n            style={{\n              mask: `url(${GENEXUS_NEXT_LOGO_SRC}) no-repeat center`\n            }}\n            class=\"logo\"\n          ></div>\n          <div class=\"card card-details elevation-1\">\n            <div class=\"intro-container\">\n              <h1 class=\"title heading-3\">\n                {this._componentLocale.detailsCard.title}\n              </h1>\n              <p class=\"body-regular-m\">\n                {this._componentLocale.detailsCard.mainDescription}\n              </p>\n              <p class=\"color-neutral body-italic-s\">\n                {this._componentLocale.detailsCard.secondaryDescription}\n              </p>\n            </div>\n\n            <hr />\n\n            <div class=\"date-container\">\n              <p class=\"color-neutral\">\n                {this._componentLocale.detailsCard.dateGenerated}\n              </p>\n              <time dateTime={formatedDate}>{formatedDate}</time>\n            </div>\n          </div>\n\n          {this.packages?.map(packageItem => {\n            let packageName = `${packageItem.packageName} ${packageItem.packageVersion}`;\n            const headingContent = packageItem.packageURL ? (\n              <a\n                href={packageItem.packageURL}\n                target=\"_blank\"\n                onClick={this.#openLinkClickedHandler(packageItem.packageURL)}\n                class=\"package-link\"\n              >\n                {packageName}\n                <ch-image\n                  src={OPEN_WINDOW_ICON}\n                  class=\"package-icon icon-s\"\n                ></ch-image>\n              </a>\n            ) : (\n              packageName\n            );\n\n            return (\n              <article class=\"card card-package elevation-1\">\n                <h2\n                  class={{\n                    \"subtitle-semi-bold-s\": true,\n                    \"package-name\": true,\n                    \"has-link\": !!packageItem.packageURL\n                  }}\n                >\n                  {headingContent}\n                </h2>\n                <p class=\"subtitle-semi-bold-s\">\n                  {this._componentLocale.packageCard.declaredLicenses}\n                </p>\n                {this.#renderLicenseInfo(\n                  packageItem.declaredLicense,\n                  \"name\",\n                  packageItem\n                )}\n\n                {this.#renderLicenseInfo(\n                  packageItem.declaredLicense,\n                  \"description\",\n                  packageItem\n                )}\n\n                {this.#renderLicensesViewButtons(\n                  packageItem.declaredLicense,\n                  packageItem\n                )}\n              </article>\n            );\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}