@genexus/genexus-ide-ui 1.1.30 → 1.1.32

package/dist/genexus-ide-ui/gx-ide-assets/details-acknowledgements/langs/details-acknowledgements.lang.ja.json

@@ -0,0 +1,14 @@
+{
+  "componentName": "Detail & Acknowledgments",
+  "detailsCard": {
+    "title": "3rd-Party Software Report",
+    "mainDescription": "The following sets forth attribution notices for third party software that may be contained in portions of this application. We thank the open source community for all of their contributions",
+    "secondaryDescription": "The following 3rd-party software packages may be used or distributed with this application. Any information relevant to third-party vendors below are collected using common, reasonable means. ",
+    "dateGenerated": "DATE GENERATED"
+  },
+  "packageCard": {
+    "declaredLicenses": "Declared Licenses",
+    "termsAndConditions": "TERMS AND CONDITIONS FOR USE< REPRODUCTION, AND DISTRIBUTION",
+    "licenseLabel": "License"
+  }
+}

package/dist/genexus-ide-ui/gx-ide-assets/details-acknowledgements/langs/details-acknowledgements.lang.zh.json

@@ -0,0 +1,14 @@
+{
+  "componentName": "Detail & Acknowledgments",
+  "detailsCard": {
+    "title": "3rd-Party Software Report",
+    "mainDescription": "The following sets forth attribution notices for third party software that may be contained in portions of this application. We thank the open source community for all of their contributions",
+    "secondaryDescription": "The following 3rd-party software packages may be used or distributed with this application. Any information relevant to third-party vendors below are collected using common, reasonable means. ",
+    "dateGenerated": "DATE GENERATED"
+  },
+  "packageCard": {
+    "declaredLicenses": "Declared Licenses",
+    "termsAndConditions": "TERMS AND CONDITIONS FOR USE< REPRODUCTION, AND DISTRIBUTION",
+    "licenseLabel": "License"
+  }
+}

package/dist/genexus-ide-ui/gx-ide-assets/starting-template/langs/starting-template.lang.en.json

@@ -0,0 +1,11 @@
+{
+  "componentName": "Starting Template",
+  "header": {},
+  "main": {
+    "firstName": "First Name"
+  },
+  "footer": {
+    "btnCancel": "Cancel",
+    "btnSave": "Save"
+  }
+}

package/dist/genexus-ide-ui/gx-ide-assets/starting-template/langs/starting-template.lang.ja.json

@@ -0,0 +1,11 @@
+{
+  "componentName": "Starting Template",
+  "header": {},
+  "main": {
+    "firstName": "First Name"
+  },
+  "footer": {
+    "btnCancel": "Cancel",
+    "btnSave": "Save"
+  }
+}

package/dist/genexus-ide-ui/gx-ide-assets/starting-template/langs/starting-template.lang.zh.json

@@ -0,0 +1,11 @@
+{
+  "componentName": "Starting Template",
+  "header": {},
+  "main": {
+    "firstName": "First Name"
+  },
+  "footer": {
+    "btnCancel": "Cancel",
+    "btnSave": "Save"
+  }
+}

package/dist/genexus-ide-ui/{p-c3e410cc.entry.js → p-04308eaa.entry.js}

@@ -2,7 +2,7 @@ import { r as e, g as t, h as i, H as n, a as s } from "./p-97107ecc.js";
 
 import { L as r } from "./p-311eedf3.js";
 
-const o = ":host{--spacing-body-block-start:var(--mer-spacing--lg);--spacing-body-block-end:var(--mer-spacing--lg);--spacing-body-inline-start:var(--mer-spacing--md);--spacing-body-inline-end:var(--mer-spacing--md);display:grid;inline-size:100%;block-size:100%;gap:var(--mer-spacing--md);overflow:auto;grid-template-rows:max-content 1fr max-content;background-color:var(--elevation-background-color, var(--mer-surface__elevation--02));color:var(--mer-text__on-elevation);text-align:center}.section{display:contents}.main{overflow:auto;display:grid;grid-template-rows:1fr max-content;gap:var(--mer-spacing--lg)}.logo__container{display:flex;flex-direction:column;gap:var(--mer-spacing--sm);align-items:center;margin:unset}.logo__img{inline-size:28px;block-size:28px}.logotype{color:var(--mer-text__bright)}.versions__container{overflow:hidden;border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--sm);display:grid;grid-template-rows:1fr max-content;inline-size:100%}.versions__container button{justify-self:center;min-inline-size:72px}.versions__container-footer{padding:14px}.versions__list{overflow:auto;list-style:none;margin:0;padding:14px;display:flex;flex-direction:column;gap:var(--mer-spacing--xs);text-align:start}.link-underlined{text-decoration:underline;color:var(--mer-text__on-elevation)}.link-underlined:hover{color:var(--mer-text__highlighted)}.link-underlined:active{color:var(--mer-text__elevation)}.links-container{display:flex;gap:var(--mer-spacing--xs)}.footer{display:flex;align-items:center;flex-direction:column;gap:var(--mer-spacing--xs);color:var(--mer-text__complementary)}";
+const o = ":host{--spacing-body-block-start:var(--mer-spacing--lg);--spacing-body-block-end:var(--mer-spacing--lg);--spacing-body-inline-start:var(--mer-spacing--md);--spacing-body-inline-end:var(--mer-spacing--md);display:grid;inline-size:100%;block-size:100%;gap:var(--mer-spacing--md);overflow:auto;grid-template-rows:max-content 1fr max-content;background-color:var(--elevation-background-color, var(--mer-surface__elevation--02));color:var(--mer-text__on-elevation);text-align:center}.section{display:contents}.main{overflow:auto;display:grid;grid-template-rows:1fr max-content;gap:var(--mer-spacing--lg)}.logo__container{display:flex;flex-direction:column;gap:var(--mer-spacing--sm);align-items:center;margin:unset}.logo__img{inline-size:28px;block-size:28px}.logotype{color:var(--mer-text__bright)}.versions__container{overflow:hidden;border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--sm);display:grid;grid-template-rows:1fr max-content;inline-size:100%}.versions__container button{justify-self:center;min-inline-size:72px}.versions__container-footer{padding:14px}.versions__list{overflow:auto;list-style:none;margin:0;padding:14px;display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.link-underlined{text-decoration:underline;color:var(--mer-text__on-elevation)}.link-underlined:hover{color:var(--mer-text__highlighted)}.link-underlined:active{color:var(--mer-text__elevation)}.links-container{display:flex;gap:var(--mer-spacing--xs)}.footer{display:flex;align-items:center;flex-direction:column;gap:var(--mer-spacing--xs);color:var(--mer-text__complementary)}";
 
 var a = undefined && undefined.__classPrivateFieldGet || function(e, t, i, n) {
   if (i === "a" && !n) throw new TypeError("Private accessor was defined without a getter");
@@ -106,4 +106,4 @@ c = new WeakMap, d = new WeakMap, g = new WeakMap;
 p.style = o;
 
 export { p as gx_ide_about };
-//# sourceMappingURL=p-c3e410cc.entry.js.map
+//# sourceMappingURL=p-04308eaa.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["aboutCss","CSS_BUNDLES","GxIdeAbout","_GxIdeAbout_componentLocale","set","this","_GxIdeAbout_nextLogo","getAssetPath","_GxIdeAbout_copyVersionsHandler","copying","setTimeout","navigator","clipboard","writeText","__classPrivateFieldGet","copyVersionsAdditionalText","versions","map","version","join","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","render","renderPrivacyAndTerms","privacyPolicyCallback","termsAndConditionsCallback","renderPrivacyOrTerms","h","Host","class","model","src","alt","logoAlt","length","type","onClick","disabled","copied","copy","detailsCallback","detailsAndAcknowledgmentes","hidden","privacyPolicy","termsAndConditions","copyright"],"sources":["src/components/about/about.scss?tag=gx-ide-about&encapsulation=shadow","src/components/about/about.tsx"],"sourcesContent":["$versionsListPadding: 14px;\n\n:host {\n  --spacing-body-block-start: var(--mer-spacing--lg);\n  --spacing-body-block-end: var(--mer-spacing--lg);\n  --spacing-body-inline-start: var(--mer-spacing--md);\n  --spacing-body-inline-end: var(--mer-spacing--md);\n\n  display: grid;\n  inline-size: 100%;\n  block-size: 100%;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n  background-color: var(\n    --elevation-background-color,\n    var(--mer-surface__elevation--02)\n  );\n  color: var(--mer-text__on-elevation);\n  text-align: center;\n}\n.section {\n  // section was addad for semantics, in order to allow a footer tag.\n  display: contents;\n}\n\n.main {\n  overflow: auto;\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  gap: var(--mer-spacing--lg);\n}\n\n.logo {\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--sm);\n    align-items: center;\n    margin: unset;\n  }\n  &__img {\n    $logoSize: 28px;\n    inline-size: $logoSize;\n    block-size: $logoSize;\n  }\n}\n.logotype {\n  color: var(--mer-text__bright);\n}\n\n.versions__container {\n  overflow: hidden;\n  border: var(--mer-border__width--sm) solid\n    var(--mer-border-color__on-elevation--01);\n  border-radius: var(--mer-border__radius--sm);\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  inline-size: 100%;\n\n  button {\n    justify-self: center;\n    min-inline-size: 72px;\n  }\n}\n.versions__container-footer {\n  padding: $versionsListPadding;\n}\n\n.versions__list {\n  overflow: auto;\n  list-style: none;\n  margin: 0;\n  padding: $versionsListPadding;\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--xs);\n}\n\n.link-underlined {\n  // TODO: Add link helper class in Mercury\n  text-decoration: underline;\n  color: var(--mer-text__on-elevation);\n  &:hover {\n    color: var(--mer-text__highlighted);\n  }\n  &:active {\n    color: var(--mer-text__elevation);\n  }\n}\n\n.links-container {\n  display: flex;\n  gap: var(--mer-spacing--xs);\n}\n\n.footer {\n  // TODO: Add color helper classes in Mercury\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: var(--mer-spacing--xs);\n  color: var(--mer-text__complementary);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/elevation\",\n  \"components/button\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-about\",\n  styleUrl: \"about.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/about\"]\n})\nexport class GxIdeAbout {\n  #componentLocale: any;\n  #nextLogo = getAssetPath(`./gx-ide-assets/about/images/next-logo.svg`);\n\n  @Element() el: HTMLGxIdeAboutElement;\n\n  /**\n   * GeneXus Next version, and also related dependencies versions\n   */\n  @Prop() readonly versions: string[] = [];\n\n  /**\n   * Callback invoked when the user clicks on \"Details & Acknowledgements\"\n   */\n  @Prop() readonly detailsCallback: DetailsCallback;\n\n  /**\n   * Callback invoked when the user clicks on \"Privacy policy\"\n   */\n  @Prop() readonly privacyPolicyCallback: PrivacyPolicyCallback;\n\n  /**\n   * Callback invoked when the user clicks on \"Terms and conditions\"\n   */\n  @Prop() readonly termsAndConditionsCallback: TermsAndConditionsCallback;\n\n  /**\n   * True when the user copies the versions\n   */\n  @State() copying: boolean = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #copyVersionsHandler = () => {\n    this.copying = true;\n    setTimeout(() => {\n      this.copying = false;\n    }, 1000);\n\n    navigator.clipboard.writeText(\n      `${this.#componentLocale.copyVersionsAdditionalText}${this.versions\n        .map(version => `- ${version}`)\n        .join(\"\\n\")}`\n    );\n  };\n\n  render() {\n    const renderPrivacyAndTerms =\n      this.privacyPolicyCallback && this.termsAndConditionsCallback;\n    const renderPrivacyOrTerms =\n      this.privacyPolicyCallback || this.termsAndConditionsCallback;\n\n    return (\n      <Host class=\"scrollable\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header>\n            <figure class=\"logo__container\">\n              <img\n                class=\"logo__img\"\n                src={this.#nextLogo}\n                alt={this.#componentLocale.logoAlt}\n              />\n              <figcaption class=\"body-semi-bold-m logotype\">\n                GeneXus Next\n              </figcaption>\n            </figure>\n          </header>\n          <div class=\"main\">\n            {this.versions.length ? (\n              <div class=\"versions__container elevation-1\">\n                <ul class=\"versions__list scrollable\">\n                  {this.versions.map(version => {\n                    return <li class=\"body-regular-s\">{version}</li>;\n                  })}\n                </ul>\n                <div class=\"versions__container-footer\">\n                  <button\n                    class=\"button-secondary\"\n                    type=\"button\"\n                    onClick={this.#copyVersionsHandler}\n                    disabled={this.copying}\n                  >\n                    {this.copying\n                      ? this.#componentLocale.copied\n                      : this.#componentLocale.copy}\n                    {}\n                  </button>\n                </div>\n              </div>\n            ) : null}\n\n            {this.detailsCallback && (\n              <button\n                class=\"button-tertiary\"\n                type=\"button\"\n                onClick={this.detailsCallback}\n              >\n                {this.#componentLocale.detailsAndAcknowledgmentes}\n              </button>\n            )}\n          </div>\n\n          <footer class=\"body-regular-s footer\">\n            {renderPrivacyOrTerms && (\n              <div class=\"links-container\" hidden={!renderPrivacyAndTerms}>\n                {this.privacyPolicyCallback && (\n                  <button\n                    class=\"link-underlined tiny-regular-s\"\n                    type=\"button\"\n                    onClick={this.privacyPolicyCallback}\n                  >\n                    {this.#componentLocale.privacyPolicy}\n                  </button>\n                )}\n\n                {renderPrivacyAndTerms && \"|\"}\n\n                {this.termsAndConditionsCallback && (\n                  <button\n                    class=\"link-underlined tiny-regular-s\"\n                    type=\"button\"\n                    onClick={this.termsAndConditionsCallback}\n                  >\n                    {this.#componentLocale.termsAndConditions}\n                  </button>\n                )}\n              </div>\n            )}\n            {this.#componentLocale.copyright}\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type DetailsCallback = () => Promise<void>;\nexport type PrivacyPolicyCallback = () => Promise<void>;\nexport type TermsAndConditionsCallback = () => Promise<void>;\n"],"mappings":";;;;AAAA,MAAMA,IAAW;;;;;;;;;;;;;;;;;ACajB,MAAMC,IAA8B,EAClC,qBACA,oBACA,mBACA,qBACA;;MASWC,IAAU;;;IACrBC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAYE,EAAa;IAiCzBC,EAAAJ,IAAAC,OAAuB;MACrBA,KAAKI,UAAU;MACfC,YAAW;QACTL,KAAKI,UAAU;AAAK,UACnB;MAEHE,UAAUC,UAAUC,UAClB,GAAGC,EAAAT,MAAIF,GAAA,KAAkBY,6BAA6BV,KAAKW,SACxDC,KAAIC,KAAW,KAAKA,MACpBC,KAAK;AACT;oBApCmC;;;;mBAoBV;;EAE5B,uBAAMC;IACJC,EAAAhB,MAAIF,SAA0BmB,EAAOC,oBAAoBlB,KAAKmB,KAAG;;EAgBnE,MAAAC;IACE,MAAMC,IACJrB,KAAKsB,yBAAyBtB,KAAKuB;IACrC,MAAMC,IACJxB,KAAKsB,yBAAyBtB,KAAKuB;IAErC,OACEE,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOhC;QACjB6B,EAAA;MAASE,OAAM;OACbF,EAAA,gBACEA,EAAA;MAAQE,OAAM;OACZF,EAAA;MACEE,OAAM;MACNE,KAAKpB,EAAAT,MAAIC,GAAA;MACT6B,KAAKrB,EAAAT,MAAIF,GAAA,KAAkBiC;QAE7BN,EAAA;MAAYE,OAAM;OAA2B,mBAKjDF,EAAA;MAAKE,OAAM;OACR3B,KAAKW,SAASqB,SACbP,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAIE,OAAM;OACP3B,KAAKW,SAASC,KAAIC,KACVY,EAAA;MAAIE,OAAM;OAAkBd,OAGvCY,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEE,OAAM;MACNM,MAAK;MACLC,SAASzB,EAAAT,MAAIG,GAAA;MACbgC,UAAUnC,KAAKI;OAEdJ,KAAKI,UACFK,EAAAT,MAAIF,GAAA,KAAkBsC,SACtB3B,EAAAT,MAAIF,GAAA,KAAkBuC,UAK9B,MAEHrC,KAAKsC,mBACJb,EAAA;MACEE,OAAM;MACNM,MAAK;MACLC,SAASlC,KAAKsC;OAEb7B,EAAAT,MAAIF,GAAA,KAAkByC,8BAK7Bd,EAAA;MAAQE,OAAM;OACXH,KACCC,EAAA;MAAKE,OAAM;MAAkBa,SAASnB;OACnCrB,KAAKsB,yBACJG,EAAA;MACEE,OAAM;MACNM,MAAK;MACLC,SAASlC,KAAKsB;OAEbb,EAAAT,MAAIF,GAAA,KAAkB2C,gBAI1BpB,KAAyB,KAEzBrB,KAAKuB,8BACJE,EAAA;MACEE,OAAM;MACNM,MAAK;MACLC,SAASlC,KAAKuB;OAEbd,EAAAT,MAAIF,GAAA,KAAkB4C,sBAK9BjC,EAAAT,MAAIF,GAAA,KAAkB6C"}

package/dist/genexus-ide-ui/p-5e2f9545.entry.js

@@ -0,0 +1,187 @@
+import { g as e, r as a, h as s, H as t, a as i } from "./p-97107ecc.js";
+
+import { g as r } from "./p-401bfc97.js";
+
+import { L as o } 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 var(--mer-spacing--lg) 95px var(--mer-spacing--lg);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(--mer-spacing--xl)}.logo{inline-size:200px;margin:0 auto;margin-block-end:var(--mer-spacing--2xl);opacity:0;transform:translateY(var(--mer-spacing--2xs));animation:showLogo var(--mer-timing--regular) ease-out forwards;animation-delay:var(--mer-timing--regular)}@keyframes showLogo{100%{opacity:1;transform:translateY(0)}}.card{display:grid;border-radius:var(--mer-border__radius--sm);border-width:var(--mer-border__width--sm);border-color:var(--elevation-border-color);border-style:solid;padding:var(--mer-spacing--lg);gap:var(--mer-spacing--md);opacity:0;animation:showCard var(--mer-timing--fast) ease-out forwards;animation-delay:calc(var(--mer-timing--regular) * 2)}@keyframes showCard{100%{opacity:1}}h1.title{font-weight:600}.intro-container{display:grid;gap:var(--mer-spacing--md)}.date-container{display:grid;gap:var(--mer-spacing--sm)}.card-package{opacity:0;transition:opacity var(--mer-timing--fast)}.package-name{--package-name-color:var(--mer-text__primary);color:var(--package-name-color)}.package-name a{display:flex;align-items:center;gap:8px}.package-name.has-link:hover{--package-name-color:var(--mer-text__primary--hover)}.package-name.has-link:active{--package-name-color:var(--mer-text__primary--active)}.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:1.5}.licenses-descriptions-item{display:grid;gap:var(--mer-spacing--md)}.code-box{border-radius:var(--mer-border__radius--sm);background-color:var(--mer-surface);border:1px solid var(--mer-border-color__on-elevation--01);padding:var(--mer-spacing--md);font-family:var(--font-family-code);font-size:var(--font-size-body-s);display:grid;gap:var(--mer-spacing--lg)}.description-list{display:grid;gap:var(--mer-spacing--xs);max-inline-size:400px;margin:0 auto}.show-more-button{justify-self:start}.color-default{color:var(--mer-text__highlighted)}.color-neutral{color:var(--mer-color__neutral-gray--400)}.color-primary{color:var(--mer-text__primary)}p{--line-height-tight:1.5;--font-weight-regular:300}hr{border-block-start:0;border-color:var(--mer-border-color__on-elevation--01);inline-size:100%;margin:0}';
+
+var c = undefined && undefined.__classPrivateFieldGet || function(e, a, s, t) {
+  if (s === "a" && !t) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof a === "function" ? e !== a || !t : !a.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? t : s === "a" ? t.call(e) : t ? t.value : a.get(e);
+};
+
+var l, d, m, p, g, h;
+
+const u = r({
+  category: "gemini-tools",
+  name: "open-window",
+  colorType: "primary"
+});
+
+const f = r({
+  category: "system",
+  name: "expand",
+  colorType: "on-primary"
+});
+
+const v = r({
+  category: "system",
+  name: "collapse-content",
+  colorType: "on-primary"
+});
+
+const y = "./gx-ide-assets/details-acknowledgements/images";
+
+const b = "300px";
+
+const k = e(`${y}/genexus-next-logo.svg`);
+
+const w = e(`${y}/top-start.svg`);
+
+const x = e(`${y}/bottom-start.svg`);
+
+const _ = e(`${y}/bottom-end.svg`);
+
+const $ = [ "resets/box-sizing", "utils/typography", "utils/elevation", "components/button", "components/icon", "chameleon/scrollbar" ];
+
+const z = class {
+  constructor(e) {
+    a(this, e);
+    l.set(this, (e => e === null || e === void 0 ? void 0 : e.toISOString().split("T")[0]));
+    d.set(this, ((e, a = "name", t) => a === "name" ? s("ul", {
+      class: "licenses-names-list"
+    }, e.map((e => s("li", {
+      class: "color-default body-regular-m licenses-names-item"
+    }, e.name)))) : s("ul", {
+      class: "licenses-descriptions-list"
+    }, e.map((e => {
+      const a = c(this, p, "f").call(this, t, e.name);
+      const i = a === this.expandedLicenseId;
+      return s("li", {
+        class: "licenses-descriptions-item",
+        key: a
+      }, i ? s("p", {
+        class: "code-box color-neutral licenses-descriptions-description scrollable"
+      }, e.description) : null);
+    })))));
+    m.set(this, ((e, a) => s("div", {
+      class: "licenses-buttons-container buttons-spacer"
+    }, e.map((e => {
+      const t = c(this, p, "f").call(this, a, e.name);
+      const i = t === this.expandedLicenseId;
+      const r = i ? v : f;
+      const o = `${e.name} ${this._componentLocale.packageCard.licenseLabel}`;
+      return s("button", {
+        class: {
+          "button-icon-and-text": true,
+          "button-primary": !i,
+          "button-secondary": i,
+          "show-more-button": true
+        },
+        onClick: c(this, g, "f").call(this, t)
+      }, s("ch-image", {
+        src: r,
+        class: "package-icon icon-md"
+      }), o);
+    })))));
+    p.set(this, ((e, a) => `${e.packageName}-${e.packageVersion}-${a}`));
+    g.set(this, (e => () => {
+      if (e === this.expandedLicenseId) {
+        // collapse
+        this.expandedLicenseId = undefined;
+      } else {
+        // expand collapse
+        this.expandedLicenseId = e;
+      }
+    }));
+    h.set(this, (e => a => {
+      if (this.openPackageUrlCallback) {
+        a.preventDefault();
+        this.openPackageUrlCallback(e);
+      }
+    }));
+    this.expandedLicenseId = undefined;
+    this.dateGenerated = undefined;
+    this.release = undefined;
+    this.packages = undefined;
+    this.openPackageUrlCallback = undefined;
+  }
+  async componentWillLoad() {
+    this._componentLocale = await o.getComponentStrings(this.el);
+  }
+  render() {
+    var e;
+    const a = c(this, l, "f").call(this, this.dateGenerated);
+    return s(t, {
+      class: "scrollable",
+      style: {
+        backgroundImage: `url(${w}), url(${x}), url(${_})`,
+        backgroundPosition: "left top, left bottom, right bottom",
+        backgroundRepeat: "no-repeat, no-repeat, no-repeat",
+        backgroundSize: `${b}, ${b}, ${b}`
+      }
+    }, s("ch-theme", {
+      model: $
+    }), s("div", {
+      class: "main-wrapper"
+    }, s("img", {
+      src: k,
+      class: "logo"
+    }), s("div", {
+      class: "card card-details elevation-1"
+    }, s("div", {
+      class: "intro-container"
+    }, s("h1", {
+      class: "title heading-3 color-default"
+    }, this._componentLocale.detailsCard.title), s("p", {
+      class: "color-default body-regular-m"
+    }, this._componentLocale.detailsCard.mainDescription), s("p", {
+      class: "color-neutral body-italic-s"
+    }, this._componentLocale.detailsCard.secondaryDescription)), s("hr", null), s("div", {
+      class: "date-container"
+    }, s("p", {
+      class: "color-neutral"
+    }, this._componentLocale.detailsCard.dateGenerated), s("time", {
+      class: "color-default",
+      dateTime: a
+    }, a))), (e = this.packages) === null || e === void 0 ? void 0 : e.map((e => {
+      let a = `${e.packageName} ${e.packageVersion}`;
+      const t = e.packageURL ? s("a", {
+        href: e.packageURL,
+        target: "_blank",
+        onClick: c(this, h, "f").call(this, e.packageURL),
+        class: "package-link"
+      }, a, s("ch-image", {
+        src: u,
+        class: "package-icon icon-md"
+      })) : a;
+      return s("article", {
+        class: "card card-package elevation-1"
+      }, s("h2", {
+        class: {
+          "subtitle-semi-bold-s": true,
+          "package-name": true,
+          "has-link": !!e.packageURL
+        }
+      }, t), s("p", {
+        class: "color-default subtitle-semi-bold-s"
+      }, this._componentLocale.packageCard.declaredLicenses), c(this, d, "f").call(this, e.declaredLicenses, "name"), c(this, d, "f").call(this, e.declaredLicenses, "description", e), c(this, m, "f").call(this, e.declaredLicenses, e));
+    }))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/details-acknowledgements" ];
+  }
+  get el() {
+    return i(this);
+  }
+};
+
+l = new WeakMap, d = new WeakMap, m = new WeakMap, p = new WeakMap, g = new WeakMap, 
+h = new WeakMap;
+
+z.style = n;
+
+export { z as gx_ide_details_acknowledgements };
+//# sourceMappingURL=p-5e2f9545.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["detailsAcknowledgementsCss","OPEN_WINDOW_ICON","getIconPath","category","name","colorType","EXPAND_ICON","COLLAPSE_ICON","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_renderLicensesInfo","licenses","type","packageData","h","class","map","license","licenseId","__classPrivateFieldGet","_GxIdeDetailsAcknowledgements_getLicenseId","call","showDescription","expandedLicenseId","key","description","_GxIdeDetailsAcknowledgements_renderLicensesViewButtons","visibleLicenseButton","icon","viewLicenseButtonLabel","_componentLocale","packageCard","licenseLabel","onClick","_GxIdeDetailsAcknowledgements_viewLicenseClickedHandler","src","licenseName","packageName","packageVersion","undefined","_GxIdeDetailsAcknowledgements_openLinkClickedHandler","url","e","openPackageUrlCallback","preventDefault","componentWillLoad","Locale","getComponentStrings","el","render","formatedDate","dateGenerated","Host","style","backgroundImage","backgroundPosition","backgroundRepeat","backgroundSize","model","detailsCard","title","mainDescription","secondaryDescription","dateTime","_a","packages","packageItem","headingContent","packageURL","href","target","declaredLicenses"],"sources":["src/components/details-acknowledgements/details-acknowledgements.scss?tag=gx-ide-details-acknowledgements&encapsulation=shadow","src/components/details-acknowledgements/details-acknowledgements.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-auto-rows: max-content;\n  justify-content: center;\n  padding: 95px var(--mer-spacing--lg) 95px var(--mer-spacing--lg);\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(--mer-spacing--xl);\n}\n\n.logo {\n  inline-size: 200px;\n  margin: 0 auto;\n  margin-block-end: var(--mer-spacing--2xl);\n  opacity: 0;\n  transform: translateY(var(--mer-spacing--2xs));\n  animation: showLogo var(--mer-timing--regular) ease-out forwards;\n  animation-delay: var(--mer-timing--regular);\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: var(--mer-border__radius--sm);\n  border-width: var(--mer-border__width--sm);\n  border-color: var(--elevation-border-color);\n  border-style: solid;\n  padding: var(--mer-spacing--lg);\n  gap: var(--mer-spacing--md);\n  opacity: 0;\n  animation: showCard var(--mer-timing--fast) ease-out forwards;\n  animation-delay: calc(var(--mer-timing--regular) * 2);\n}\n@keyframes showCard {\n  100% {\n    opacity: 1;\n  }\n}\n\n// details card\n\nh1.title {\n  font-weight: 600;\n}\n\n.intro-container {\n  display: grid;\n  gap: var(--mer-spacing--md);\n}\n\n.date-container {\n  display: grid;\n  gap: var(--mer-spacing--sm);\n}\n\n// package card\n\n.card-package {\n  opacity: 0;\n  transition: opacity var(--mer-timing--fast);\n}\n\n.package-name {\n  --package-name-color: var(--mer-text__primary);\n  color: var(--package-name-color);\n\n  a {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  &.has-link {\n    // TODO: This should be a class in Mercury\n    &:hover {\n      --package-name-color: var(--mer-text__primary--hover);\n    }\n    &:active {\n      --package-name-color: var(--mer-text__primary--active);\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: 1.5;\n}\n.licenses-descriptions-item {\n  display: grid;\n  gap: var(--mer-spacing--md);\n}\n\n.code-box {\n  border-radius: var(--mer-border__radius--sm);\n  background-color: var(--mer-surface);\n  border: 1px solid var(--mer-border-color__on-elevation--01);\n  padding: var(--mer-spacing--md);\n  font-family: var(--font-family-code);\n  font-size: var(--font-size-body-s);\n  display: grid;\n  gap: var(--mer-spacing--lg);\n}\n\n.description-list {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  max-inline-size: 400px;\n  margin: 0 auto;\n}\n\n.show-more-button {\n  justify-self: start;\n}\n\n// utilities\n// WA/TODO: This should be defined on Mercury\n.color-default {\n  color: var(--mer-text__highlighted);\n}\n.color-neutral {\n  color: var(--mer-color__neutral-gray--400);\n}\n.color-primary {\n  color: var(--mer-text__primary);\n}\n\np {\n  // TODO: Update line-height values on Mercury\n  --line-height-tight: 1.5;\n  --font-weight-regular: 300;\n}\n\nhr {\n  // WA/TODO: A style for hr should be defined on Mercury\n  border-block-start: 0;\n  border-color: var(--mer-border-color__on-elevation--01);\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});\nconst EXPAND_ICON = getIconPath({\n  category: \"system\",\n  name: \"expand\",\n  colorType: \"on-primary\"\n});\nconst COLLAPSE_ICON = getIconPath({\n  category: \"system\",\n  name: \"collapse-content\",\n  colorType: \"on-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  #renderLicensesInfo = (\n    licenses: License[],\n    type: \"name\" | \"description\" = \"name\",\n    packageData?: PackageData\n  ): JSX.Element => {\n    return type === \"name\" ? (\n      <ul class=\"licenses-names-list\">\n        {licenses.map(license => {\n          return (\n            <li class=\"color-default body-regular-m licenses-names-item\">\n              {license.name}\n            </li>\n          );\n        })}\n      </ul>\n    ) : (\n      <ul class=\"licenses-descriptions-list\">\n        {licenses.map(license => {\n          const licenseId = this.#getLicenseId(packageData, license.name);\n          const showDescription = licenseId === this.expandedLicenseId;\n\n          return (\n            <li class=\"licenses-descriptions-item\" key={licenseId}>\n              {showDescription ? (\n                <p class=\"code-box color-neutral licenses-descriptions-description scrollable\">\n                  {license.description}\n                </p>\n              ) : null}\n            </li>\n          );\n        })}\n      </ul>\n    );\n  };\n\n  #renderLicensesViewButtons = (\n    licenses: License[],\n    packageData?: PackageData\n  ): JSX.Element => {\n    return (\n      <div class=\"licenses-buttons-container buttons-spacer\">\n        {licenses.map(license => {\n          const licenseId = this.#getLicenseId(packageData, license.name);\n          const visibleLicenseButton = licenseId === this.expandedLicenseId;\n          const icon = visibleLicenseButton ? COLLAPSE_ICON : EXPAND_ICON;\n\n          const viewLicenseButtonLabel = `${license.name} ${this._componentLocale.packageCard.licenseLabel}`;\n\n          return (\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              <ch-image src={icon} class=\"package-icon icon-md\"></ch-image>\n              {viewLicenseButtonLabel}\n            </button>\n          );\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          <img src={GENEXUS_NEXT_LOGO_SRC} class=\"logo\"></img>\n          <div class=\"card card-details elevation-1\">\n            <div class=\"intro-container\">\n              <h1 class=\"title heading-3 color-default\">\n                {this._componentLocale.detailsCard.title}\n              </h1>\n              <p class=\"color-default 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 class=\"color-default\" dateTime={formatedDate}>\n                {formatedDate}\n              </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-md\"\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=\"color-default subtitle-semi-bold-s\">\n                  {this._componentLocale.packageCard.declaredLicenses}\n                </p>\n                {this.#renderLicensesInfo(packageItem.declaredLicenses, \"name\")}\n\n                {this.#renderLicensesInfo(\n                  packageItem.declaredLicenses,\n                  \"description\",\n                  packageItem\n                )}\n\n                {this.#renderLicensesViewButtons(\n                  packageItem.declaredLicenses,\n                  packageItem\n                )}\n              </article>\n            );\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-7b986243.entry.js

@@ -0,0 +1,132 @@
+import { r as t, g as e, h as s, H as o, a as n } from "./p-97107ecc.js";
+
+import { g as r } from "./p-401bfc97.js";
+
+import { L as i } from "./p-311eedf3.js";
+
+const a = ":host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.main{overflow:auto;display:flex;align-items:center;justify-content:center}";
+
+// This is a starting template. Do not edit this file directly.
+// Dupicate it and modify the new file as needed.
+var c = undefined && undefined.__classPrivateFieldGet || function(t, e, s, o) {
+  if (s === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !o : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? o : s === "a" ? o.call(t) : o ? o.value : e.get(t);
+};
+
+var d = undefined && undefined.__classPrivateFieldSet || function(t, e, s, o, n) {
+  if (o === "m") throw new TypeError("Private method is not writable");
+  if (o === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return o === "a" ? n.call(t, s) : n ? n.value = s : e.set(t, s), s;
+};
+
+var l, h, f, u;
+
+const m = [ 
+// Use only the bundles that are needed for this component.
+"resets/box-sizing", "components/edit", "components/button", "components/icon", "utils/layout", "utils/form", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const p = r({
+  category: "system",
+  name: "folder",
+  colorType: "on-primary"
+});
+
+const w = class {
+  constructor(s) {
+    t(this, s);
+    l.set(this, void 0);
+    h.set(this, e(`./gx-ide-assets/new-kb/shortcuts.json`));
+    f.set(this, (() => {
+      this.cancelCallback();
+    }));
+    u.set(this, (() => {
+      this.saveCallback();
+    }));
+    this.myStateVariable = undefined;
+    this.firstName = undefined;
+    this.cancelCallback = undefined;
+    this.saveCallback = undefined;
+  }
+  firstNameChanged(t) {
+    console.log("First name changed:", t);
+  }
+  async componentWillLoad() {
+    this._componentLocale = await i.getComponentStrings(this.el);
+  }
+  componentDidLoad() {
+    // Here you can do any additional setup after the component has been rendered.
+  }
+  /**
+     * Suspends or reactivates the shortcuts
+     */  async suspendShortcuts(t) {
+    if (t) {
+      c(this, l, "f").suspend = true;
+    } else {
+      c(this, l, "f").suspend = false;
+    }
+  }
+  render() {
+    return s(o, {
+      class: "widget spacing-body"
+    }, s("ch-theme", {
+      model: m
+    }), s("ch-shortcuts", {
+      src: c(this, h, "f"),
+      ref: t => d(this, l, t, "f")
+    }), s("section", {
+      class: "section"
+    }, s("header", {
+      class: "header control-header control-header-with-border"
+    }, s("div", {
+      class: "field field-block"
+    }, s("label", {
+      class: "label",
+      htmlFor: "first-name"
+    }, this._componentLocale.main.firstName), s("ch-edit", {
+      class: "input",
+      id: "first-name",
+      value: this.firstName
+    }))), s("div", {
+      class: "main"
+    }, "The main content here"), s("footer", {
+      class: "footer control-footer control-footer-with-border"
+    }, s("div", {
+      class: "buttons-spacer"
+    }, s("button", {
+      // #cancel
+      class: "button-secondary",
+      id: "button-cancel",
+      onClick: c(this, f, "f"),
+      part: "button-cancel"
+    }, this._componentLocale.footer.btnCancel), s("button", {
+      // #create
+      class: "button-primary button-icon-and-text",
+      id: "button-create",
+      onClick: c(this, u, "f"),
+      part: "button-create"
+    }, s("ch-image", {
+      class: "icon-md",
+      src: p
+    }), this._componentLocale.footer.btnSave)))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/starting-template" ];
+  }
+  get el() {
+    return n(this);
+  }
+  static get watchers() {
+    return {
+      firstName: [ "firstNameChanged" ]
+    };
+  }
+};
+
+l = new WeakMap, h = new WeakMap, f = new WeakMap, u = new WeakMap;
+
+w.style = a;
+
+export { w as gx_ide_starting_template };
+//# sourceMappingURL=p-7b986243.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["startingTemplateCss","CSS_BUNDLES","SYSTEM_ICON","getIconPath","category","name","colorType","GxIdeStartingTemplate","_GxIdeStartingTemplate_chShortcutsEl","set","this","_GxIdeStartingTemplate_shortcutsSrc","getAssetPath","_GxIdeStartingTemplate_cancelButtonClickedHandler","cancelCallback","_GxIdeStartingTemplate_saveButtonClickedHandler","saveCallback","firstNameChanged","newValue","console","log","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidLoad","suspendShortcuts","__classPrivateFieldGet","suspend","render","h","Host","class","model","src","ref","__classPrivateFieldSet","htmlFor","main","firstName","id","value","onClick","part","footer","btnCancel","btnSave"],"sources":["src/components/_starting-template/starting-template.scss?tag=gx-ide-starting-template&encapsulation=shadow","src/components/_starting-template/starting-template.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  // section is  just for semantics if a header is present\n  display: contents;\n}\n\n// header\n.header {\n}\n\n// main\n.main {\n  overflow: auto;\n  // The following styles are just to center the text.\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n// footer\n.footer {\n}\n","// This is a starting template. Do not edit this file directly.\n// Dupicate it and modify the new file as needed.\n\nimport {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // Use only the bundles that are needed for this component.\n  \"resets/box-sizing\",\n  \"components/edit\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/layout\",\n  \"utils/form\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst SYSTEM_ICON = getIconPath({\n  category: \"system\",\n  name: \"folder\",\n  colorType: \"on-primary\"\n});\n\n@Component({\n  tag: \"gx-ide-starting-template\",\n  styleUrl: \"starting-template.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/starting-template\"]\n})\nexport class GxIdeStartingTemplate {\n  _componentLocale: any;\n\n  @Element() el: HTMLGxIdeStartingTemplateElement;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/new-kb/shortcuts.json`);\n\n  /**\n   * Description of my state variable.\n   */\n  @State() myStateVariable: string;\n\n  /**\n   * Description of my prop variable.\n   */\n  @Prop() readonly firstName: string;\n  @Watch(\"firstName\")\n  firstNameChanged(newValue: string[]) {\n    console.log(\"First name changed:\", newValue);\n  }\n\n  /**\n   * Callback that will be invoked when the user cancels.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback that will be invoked when the user saves.\n   */\n  @Prop() readonly saveCallback!: SaveCallback;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    // Here you can do any additional setup after the component has been rendered.\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #cancelButtonClickedHandler = () => {\n    this.cancelCallback();\n  };\n\n  #saveButtonClickedHandler = () => {\n    this.saveCallback();\n  };\n\n  render() {\n    return (\n      <Host class=\"widget spacing-body\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"header control-header control-header-with-border\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"first-name\">\n                {this._componentLocale.main.firstName}\n              </label>\n              <ch-edit class=\"input\" id=\"first-name\" value={this.firstName} />\n            </div>\n          </header>\n\n          <div class=\"main\">The main content here</div>\n\n          <footer class=\"footer control-footer control-footer-with-border\">\n            <div class=\"buttons-spacer\">\n              <button\n                // #cancel\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                onClick={this.#cancelButtonClickedHandler}\n                part=\"button-cancel\"\n              >\n                {this._componentLocale.footer.btnCancel}\n              </button>\n              <button\n                // #create\n                class=\"button-primary button-icon-and-text\"\n                id=\"button-create\"\n                onClick={this.#saveButtonClickedHandler}\n                part=\"button-create\"\n              >\n                <ch-image class=\"icon-md\" src={SYSTEM_ICON}></ch-image>\n                {this._componentLocale.footer.btnSave}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SaveCallback = () => Promise<string>;\n"],"mappings":";;;;;;AAAA,MAAMA,IAAsB;;;;;;;;;;;;;;;;;;;ACmB5B,MAAMC,IAA8B;;AAElC,qBACA,mBACA,qBACA,mBACA,gBACA,cACA,oBACA,iBACA;;AAGF,MAAMC,IAAcC,EAAY;EAC9BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;MASAC,IAAqB;;;IAKhCC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAgBE,EAAa;IA8C7BC,EAAAJ,IAAAC,OAA8B;MAC5BA,KAAKI;AAAgB;IAGvBC,EAAAN,IAAAC,OAA4B;MAC1BA,KAAKM;AAAc;;;;;;EAvCrB,gBAAAC,CAAiBC;IACfC,QAAQC,IAAI,uBAAuBF;;EAarC,uBAAMG;IACJX,KAAKY,yBAAyBC,EAAOC,oBAAoBd,KAAKe;;EAGhE,gBAAAC;;;;;SAQA,sBAAMC,CAAiBA;IACrB,IAAIA,GAAkB;MACpBC,EAAAlB,MAAIF,GAAA,KAAgBqB,UAAU;WACzB;MACLD,EAAAlB,MAAIF,GAAA,KAAgBqB,UAAU;;;EAYlC,MAAAC;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOjC;QACjB8B,EAAA;MACEI,KAAKP,EAAAlB,MAAIC,GAAA;MACTyB,KAAMX,KACHY,EAAA3B,MAAIF,GAAkBiB,GAA4B;QAGvDM,EAAA;MAASE,OAAM;OACbF,EAAA;MAAQE,OAAM;OACZF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOE,OAAM;MAAQK,SAAQ;OAC1B5B,KAAKY,iBAAiBiB,KAAKC,YAE9BT,EAAA;MAASE,OAAM;MAAQQ,IAAG;MAAaC,OAAOhC,KAAK8B;UAIvDT,EAAA;MAAKE,OAAM;OAAM,0BAEjBF,EAAA;MAAQE,OAAM;OACZF,EAAA;MAAKE,OAAM;OACTF,EAAA;;MAEEE,OAAM;MACNQ,IAAG;MACHE,SAASf,EAAAlB,MAAIG,GAAA;MACb+B,MAAK;OAEJlC,KAAKY,iBAAiBuB,OAAOC,YAEhCf,EAAA;;MAEEE,OAAM;MACNQ,IAAG;MACHE,SAASf,EAAAlB,MAAIK,GAAA;MACb6B,MAAK;OAELb,EAAA;MAAUE,OAAM;MAAUE,KAAKjC;QAC9BQ,KAAKY,iBAAiBuB,OAAOE"}

package/dist/types/components/_starting-template/starting-template.d.ts

@@ -0,0 +1,31 @@
+export declare class GxIdeStartingTemplate {
+    #private;
+    _componentLocale: any;
+    el: HTMLGxIdeStartingTemplateElement;
+    /**
+     * Description of my state variable.
+     */
+    myStateVariable: string;
+    /**
+     * Description of my prop variable.
+     */
+    readonly firstName: string;
+    firstNameChanged(newValue: string[]): void;
+    /**
+     * Callback that will be invoked when the user cancels.
+     */
+    readonly cancelCallback: CancelCallback;
+    /**
+     * Callback that will be invoked when the user saves.
+     */
+    readonly saveCallback: SaveCallback;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    suspendShortcuts(suspendShortcuts: boolean): Promise<void>;
+    render(): any;
+}
+export type CancelCallback = () => Promise<void>;
+export type SaveCallback = () => Promise<string>;

package/dist/types/components/details-acknowledgements/details-acknowledgements.d.ts

@@ -0,0 +1,30 @@
+import type { PackageData, OpenPackageURLCallback } from "./types";
+export declare class GxIdeDetailsAcknowledgements {
+    #private;
+    /**
+     * The component hard-coded strings translations.
+     */
+    _componentLocale: any;
+    el: HTMLGxIdeDetailsAcknowledgementsElement;
+    /**
+     * Identifier of the currently expanded license. Should combine:
+     * packageName + packageVersion + license.name. Example:
+     * @sentry/core-6.7.1-mit
+     */
+    expandedLicenseId?: string;
+    /** The date when the current release was published */
+    readonly dateGenerated?: Date;
+    /** The version of the current release*/
+    readonly release?: string;
+    /** The list of packages that the current release contains*/
+    readonly packages: PackageData[];
+    /**
+     * Callback invoked when the user clicks a package with a packageURL.
+     * If openPackageUrlCallback is defined, the default link action is
+     * prevented and the URL is passed to the host via the callback.
+     * Otherwise, the link opens in a new tab as usual.
+     */
+    readonly openPackageUrlCallback: OpenPackageURLCallback;
+    componentWillLoad(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/details-acknowledgements/types.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Data describing a package in the release
+ */
+export type PackageData = {
+  packageName: string;
+  packageVersion: string;
+  packageURL?: string;
+  declaredLicenses: License[];
+};
+
+/**
+ * License information for a package
+ */
+export type License = {
+  name: string;
+  description: string;
+};
+
+export type OpenPackageURLCallback = (url: string) => Promise<void>;