npm - @genexus/genexus-ide-ui - Versions diffs - 2.1.1 → 2.1.3 - Mend

@genexus/genexus-ide-ui 2.1.1 → 2.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (594) hide show

package/dist/genexus-ide-ui/{p-27786355.entry.js → p-98dbb43d.entry.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { g as e, r as t, h as i, H as s, a as r } from "./p-9b9ccd0c.js";
+import { g as e, r as t, h as i, H as r, a as o } from "./p-9b9ccd0c.js";
-import { g as o } from "./p-d42e842b.js";
+import { g as s } from "./p-d42e842b.js";
 import "./p-6534555e.js";
@@ -14,30 +14,30 @@ import { L as a } from "./p-311eedf3.js";
 import { A as n } from "./p-91e2ebb0.js";
-const l = ":host{--wrapper-copacity:0;--wrapper-min-inline-size:700px;--wrapper-max-inline-size:1040px;--wrapper-block-size:640px;transition:var(--timing-regular) opacity;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;padding:var(--spacing-padding-xl);overflow:auto}.wrapper{flex:1;display:grid;grid-template-columns:1fr var(--wrapper-block-size);block-size:var(--wrapper-block-size);max-inline-size:var(--wrapper-max-inline-size);background-color:var(--color-accent-surface-elevation-1);border-radius:12px;overflow:auto;transform:translateY(4px)}.side-inline-start{background-size:cover}.side-inline-end{position:relative;display:grid;grid-template-rows:max-content 1fr max-content;padding-block:64px;padding-inline:80px;transition:var(--timing-slow) grid-template-rows;overflow:auto}.close-button{position:absolute;inset-inline-end:0;inset-block-start:0}.header{display:grid;gap:var(--spacing-gap-xl);margin-block-end:92px}.header__logo__close-button{display:flex;justify-content:space-between}.title{color:var(--color-text-neutral-strawberry);letter-spacing:0.02em}.next-version{color:var(--color-text-neutral-strawberry)}.header__description{color:var(--color-text-neutral-disabled);line-height:1.45 !important}.main{display:flex;flex-direction:column;gap:var(--spacing-gap-l);overflow:auto}.log__container{--logVisibleLines:7;--logFontSize:var(\n    --font-size-body-s\n  );--logLineHeight:var(\n    --line-height-relaxed\n  );--logGap:4px;--logContainerBlockSize:calc(\n    var(--logFontSize) * var(--logLineHeight) * var(--logVisibleLines) +\n      calc(var(--logGap) * (var(--logVisibleLines) - 1))\n  );block-size:var(--logContainerBlockSize);font-family:var(--font-family-code);color:var(--color-text-neutral-disabled);display:flex;flex-direction:column-reverse;gap:var(--logGap);overflow:hidden}.log__container:hover{overflow:auto}.log__container>p{font-family:inherit}.log__message{opacity:0;transition:var(--timing-regular) opacity;animation:fadeInLogMessage 0.45s ease-out forwards}.log__message--error{color:var(--color-text-error-default)}.footer{display:grid;grid-auto-rows:max-content;gap:var(--spacing-gap-l);margin-block-start:24px}.error-message{color:var(--color-text-error-default);margin-block-start:auto;display:-webkit-box;-webkit-line-clamp:2}.status--processing{display:flex;flex-direction:row;align-items:baseline;gap:var(--spacing-gap-xs)}@keyframes fadeInLogMessage{from{opacity:0}to{opacity:1}}";
+const l = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{--wrapper-copacity:0;--wrapper-min-inline-size:700px;--wrapper-max-inline-size:1040px;--wrapper-block-size:640px;transition:var(--timing-regular) opacity;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;padding:var(--spacing-padding-xl);overflow:auto}.wrapper{flex:1;display:grid;grid-template-columns:1fr var(--wrapper-block-size);block-size:var(--wrapper-block-size);max-inline-size:var(--wrapper-max-inline-size);background-color:var(--color-accent-surface-elevation-1);border-radius:12px;overflow:auto;transform:translateY(4px)}.side-inline-start{background-size:cover}.side-inline-end{position:relative;display:grid;grid-template-rows:max-content 1fr max-content;padding-block:64px;padding-inline:80px;transition:var(--timing-slow) grid-template-rows;overflow:auto}.close-button{position:absolute;inset-inline-end:0;inset-block-start:0}.header{display:grid;gap:var(--spacing-gap-xl);margin-block-end:92px}.header__logo__close-button{display:flex;justify-content:space-between}.title{color:var(--color-text-neutral-strawberry);letter-spacing:0.02em}.next-version{color:var(--color-text-neutral-strawberry)}.header__description{color:var(--color-text-neutral-disabled);line-height:1.45 !important}.main{display:flex;flex-direction:column;gap:var(--spacing-gap-l);overflow:auto}.log__container{--logVisibleLines:7;--logFontSize:var(\n    --font-size-body-s\n  );--logLineHeight:var(\n    --line-height-relaxed\n  );--logGap:4px;--logContainerBlockSize:calc(\n    var(--logFontSize) * var(--logLineHeight) * var(--logVisibleLines) +\n      calc(var(--logGap) * (var(--logVisibleLines) - 1))\n  );block-size:var(--logContainerBlockSize);font-family:var(--font-family-code);color:var(--color-text-neutral-disabled);display:flex;flex-direction:column-reverse;gap:var(--logGap);overflow:hidden}.log__container:hover{overflow:auto}.log__container>p{font-family:inherit}.log__message{opacity:0;transition:var(--timing-regular) opacity;animation:fadeInLogMessage 0.45s ease-out forwards}.log__message--error{color:var(--color-text-error-default)}.footer{display:grid;grid-auto-rows:max-content;gap:var(--spacing-gap-l);margin-block-start:24px}.error-message{color:var(--color-text-error-default);margin-block-start:auto;display:-webkit-box;-webkit-line-clamp:2}.status--processing{display:flex;flex-direction:row;align-items:baseline;gap:var(--spacing-gap-xs)}@keyframes fadeInLogMessage{from{opacity:0}to{opacity:1}}";
-var c = undefined && undefined.__classPrivateFieldSet || function(e, t, i, s, r) {
-  if (s === "m") throw new TypeError("Private method is not writable");
-  if (s === "a" && !r) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? e !== t || !r : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return s === "a" ? r.call(e, i) : r ? r.value = i : t.set(e, i), i;
+var c = undefined && undefined.__classPrivateFieldSet || function(e, t, i, r, o) {
+  if (r === "m") throw new TypeError("Private method is not writable");
+  if (r === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return r === "a" ? o.call(e, i) : o ? o.value = i : t.set(e, i), i;
 };
-var d = undefined && undefined.__classPrivateFieldGet || function(e, t, i, s) {
-  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !s : !t.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 : t.get(e);
+var d = undefined && undefined.__classPrivateFieldGet || function(e, t, i, r) {
+  if (i === "a" && !r) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !r : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? r : i === "a" ? r.call(e) : r ? r.value : t.get(e);
 };
 var p;
 const g = e(`./gx-ide-assets/splash/images/copyrights-illustration.svg`);
-const h = e(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
+const u = e(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
-const u = [ "resets/box-sizing", "utils/typography", "components/button", "components/icon", "chameleon/scrollbar" ];
+const h = [ "resets/box-sizing", "utils/typography", "components/button", "components/icon", "chameleon/scrollbar" ];
-const f = o({
+const f = s({
   category: "system",
   name: "launch",
   colorType: "primary"
@@ -66,16 +66,16 @@ const m = class {
   }
   render() {
     var e, t;
-    const r = this.showOpenLogLink && this.openLogCallback;
-    const o = this.showQuitButton && this.quitCallback && this.messages.length > 0;
+    const o = this.showOpenLogLink && this.openLogCallback;
+    const s = this.showQuitButton && this.quitCallback && this.messages.length > 0;
     const a = !(this.showQuitButton && this.quitCallback) && ((e = this.messages) === null || e === void 0 ? void 0 : e.length) > 0;
     const l = this.showDockerMissingError || !a;
     let c = d(this, p, "f").warnings.installationFailed;
-    if (r) {
+    if (o) {
       c = `${c} ${d(this, p, "f").warnings.checkTheLog}`;
     }
-    return i(s, null, i("ch-theme", {
-      model: u
+    return i(r, null, i("ch-theme", {
+      model: h
     }), i("div", {
       class: {
         scrollable: true,
@@ -92,7 +92,7 @@ const m = class {
     }, i("header", {
       class: "header"
     }, i("img", {
-      src: h,
+      src: u,
       alt: d(this, p, "f").illustrationAlternativeText
     }), i("h2", {
       class: "title heading-2"
@@ -123,7 +123,7 @@ const m = class {
       key: this.messages.length - t
     }, e.text)))), l && i("p", {
       class: "error-message status--error body-regular-m"
-    }, o && i("span", null, c), o && this.showDockerMissingError && i("span", null, " - "), this.showDockerMissingError && i("span", null, d(this, p, "f").warnings.dockerMissing))), i("footer", {
+    }, s && i("span", null, c), s && this.showDockerMissingError && i("span", null, " - "), this.showDockerMissingError && i("span", null, d(this, p, "f").warnings.dockerMissing))), i("footer", {
       class: "footer"
     }, i("div", {
       class: "buttons-spacer"
@@ -131,7 +131,7 @@ const m = class {
       key: "download-docker",
       class: "button-secondary button-icon-and-text download-docker-button",
       onClick: this.downloadDockerCallback
-    }, d(this, p, "f").downloadDocker), r && i("button", {
+    }, d(this, p, "f").downloadDocker), o && i("button", {
       key: "open-log",
       class: "button-tertiary button-icon-and-text",
       onClick: this.openLogCallback
@@ -147,7 +147,7 @@ const m = class {
     return [ "gx-ide-assets/splash" ];
   }
   get el() {
-    return r(this);
+    return o(this);
   }
 };
@@ -156,4 +156,4 @@ p = new WeakMap;
 m.style = l;
 export { m as gx_ide_splash };
-//# sourceMappingURL=p-27786355.entry.js.map
+//# sourceMappingURL=p-98dbb43d.entry.js.map

package/dist/genexus-ide-ui/p-98dbb43d.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["splashCss","COPYRIGHTS_ILLUSTRATION","getAssetPath","LOGO_NEXT","CSS_BUNDLES","OPEN_LOG_ICON","getIconPath","category","name","colorType","GxIdeUiSplash","_GxIdeUiSplash_componentLocale","set","this","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","render","renderOpenLogLink","showOpenLogLink","openLogCallback","renderInstallationErrorMessage","showQuitButton","quitCallback","messages","length","renderInitializingMessage","_a","renderErrorMessage","showDockerMissingError","installationErrorMessage","__classPrivateFieldGet","warnings","installationFailed","checkTheLog","h","Host","model","class","scrollable","wrapper","style","backgroundImage","role","src","alt","illustrationAlternativeText","title","appVersion","nextVersion","allRightsReserved","copyright","initializingServices","ANIMATION_DOTS","ariaBusy","_b","reverse","map","message","i","log__message","type","key","text","dockerMissing","onClick","downloadDockerCallback","downloadDocker","openLog","quitGenexus"],"sources":["src/components/splash/splash.scss?tag=gx-ide-splash&encapsulation=shadow","src/components/splash/splash.tsx"],"sourcesContent":["@import \"../../global/components/splash-and-welcome-page\";\n@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n --wrapper-copacity: 0;\n --wrapper-min-inline-size: 700px;\n --wrapper-max-inline-size: 1040px;\n --wrapper-block-size: 640px;\n transition: var(--timing-regular) opacity;\n\n display: flex;\n align-items: center;\n justify-content: center;\n inline-size: 100%;\n block-size: 100%;\n padding: var(--spacing-padding-xl);\n\n overflow: auto;\n}\n\n.wrapper {\n flex: 1;\n display: grid;\n grid-template-columns: 1fr var(--wrapper-block-size);\n block-size: var(--wrapper-block-size);\n // min-inline-size: var(--wrapper-min-inline-size);\n max-inline-size: var(--wrapper-max-inline-size);\n\n background-color: var(--color-accent-surface-elevation-1);\n border-radius: 12px;\n\n overflow: auto;\n transform: translateY(4px);\n}\n\n// Side inline-start (the illustration)\n.side-inline-start {\n background-size: cover;\n}\n\n// Side inline-end (the content)\n.side-inline-end {\n position: relative;\n display: grid;\n grid-template-rows: max-content 1fr max-content;\n padding-block: 64px;\n padding-inline: 80px;\n\n transition: var(--timing-slow) grid-template-rows;\n overflow: auto;\n}\n\n.close-button {\n position: absolute;\n inset-inline-end: 0;\n inset-block-start: 0;\n}\n\n// header\n.header {\n display: grid;\n gap: var(--spacing-gap-xl);\n margin-block-end: 92px; // Specific layout spacing - no exact token available\n}\n.header__logo__close-button {\n display: flex;\n justify-content: space-between;\n}\n.title {\n color: var(--color-text-neutral-strawberry);\n letter-spacing: 0.02em;\n}\n.next-version {\n color: var(--color-text-neutral-strawberry);\n}\n.header__description {\n color: var(--color-text-neutral-disabled);\n line-height: 1.45 !important;\n // TODO: Discuss with Design Team about line-height.\n // Mercury line-heights looks tight to me.\n}\n\n.main {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-gap-l);\n // margin-block-start: auto;\n\n overflow: auto;\n}\n.log__container {\n --logVisibleLines: 7;\n --logFontSize: var(\n --font-size-body-s\n ); // 12px is the font size of .caption-regular-l\n --logLineHeight: var(\n --line-height-relaxed\n ); // 1.2 is the line-height of .caption-regular-l\n --logGap: 4px;\n --logContainerBlockSize: calc(\n var(--logFontSize) * var(--logLineHeight) * var(--logVisibleLines) +\n calc(var(--logGap) * (var(--logVisibleLines) - 1))\n );\n block-size: var(--logContainerBlockSize);\n // TODO: Add/include on Mercury a monospaced font, and then use it here.\n font-family: var(--font-family-code);\n color: var(--color-text-neutral-disabled);\n display: flex;\n flex-direction: column-reverse;\n gap: var(--logGap);\n overflow: hidden;\n // margin-block-start: auto;\n\n &:hover {\n overflow: auto;\n }\n\n > p {\n // WA: This overrides the font family of the typographic style applied on the p tag\n font-family: inherit;\n }\n}\n.log__message {\n opacity: 0;\n transition: var(--timing-regular) opacity;\n animation: fadeInLogMessage 0.45s ease-out forwards;\n\n &--error {\n color: var(--color-text-error-default);\n }\n}\n\n// footer\n.footer {\n display: grid;\n grid-auto-rows: max-content;\n gap: var(--spacing-gap-l);\n margin-block-start: 24px;\n}\n.error-message {\n color: var(--color-text-error-default);\n margin-block-start: auto;\n // TODO: Use clamp from a helper mixin\n display: -webkit-box;\n -webkit-line-clamp: 2;\n}\n\n// helpers\n.status--processing {\n display: flex;\n flex-direction: row;\n align-items: baseline;\n gap: var(--spacing-gap-xs);\n}\n\n@keyframes fadeInLogMessage {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n","// Stencil\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n State,\n getAssetPath\n} from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { ANIMATION_DOTS } from \"../../common/common\";\n\nconst COPYRIGHTS_ILLUSTRATION = getAssetPath(\n `./gx-ide-assets/splash/images/copyrights-illustration.svg`\n);\nconst LOGO_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/icon\",\n \"chameleon/scrollbar\"\n];\n\nconst OPEN_LOG_ICON = getIconPath({\n category: \"system\",\n name: \"launch\",\n colorType: \"primary\"\n});\n\n@Component({\n tag: \"gx-ide-splash\",\n styleUrl: \"splash.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/splash\"]\n})\nexport class GxIdeUiSplash {\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\n @Element() el: HTMLGxIdeSplashElement;\n\n /**\n * Set this to true if installation is in process\n */\n @State() ariaBusy: boolean = true;\n\n /**\n * The application version to display in the dialog.\n */\n @Prop() readonly appVersion: string;\n\n /**\n * Callback invoked when the user clicks the 'Download Docker' button.\n */\n @Prop() readonly downloadDockerCallback: () => void;\n\n /**\n * Callback invoked when the user clicks the quit button.\n */\n @Prop() readonly quitCallback: () => void;\n\n /**\n * Array of messages to display in the text box.\n * This property updates whenever a message is added,\n * and the scroll should position itself at the bottom to keep the last message visible.\n */\n @Prop() readonly messages: MessageType[] = [];\n\n /**\n * Callback invoked when the user clicks the 'Open log' link.\n */\n @Prop() readonly openLogCallback: () => void;\n\n /**\n * Set to `true` to display the quit button.\n */\n @Prop() readonly showQuitButton: boolean = false;\n\n /**\n * Set to `true` to display the 'Open log' link.\n */\n @Prop() readonly showOpenLogLink: boolean = false;\n\n /**\n * Set to `true` to display \"Docker is not installed\" error message and to display \"Download Docker\" button.\n */\n @Prop() readonly showDockerMissingError: boolean = false;\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n render() {\n const renderOpenLogLink = this.showOpenLogLink && this.openLogCallback;\n const renderInstallationErrorMessage =\n this.showQuitButton && this.quitCallback && this.messages.length > 0;\n const renderInitializingMessage =\n !(this.showQuitButton && this.quitCallback) && this.messages?.length > 0;\n const renderErrorMessage =\n this.showDockerMissingError || !renderInitializingMessage;\n\n let installationErrorMessage =\n this.#componentLocale.warnings.installationFailed;\n if (renderOpenLogLink) {\n installationErrorMessage = `${installationErrorMessage} ${\n this.#componentLocale.warnings.checkTheLog\n }`;\n }\n\n return (\n <Host>\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <div\n class={{\n scrollable: true,\n wrapper: true\n }}\n >\n <div\n class=\"side-inline-start\"\n style={{ backgroundImage: `url(${COPYRIGHTS_ILLUSTRATION})` }}\n role=\"img\"\n ></div>\n\n <section class=\"side-inline-end scrollable\">\n <header class=\"header\">\n <img\n src={LOGO_NEXT}\n alt={this.#componentLocale.illustrationAlternativeText}\n />\n <h2 class=\"title heading-2\">{this.#componentLocale.title}</h2>\n {this.appVersion && (\n <p class=\"body-regular-m next-version\">\n {this.#componentLocale.nextVersion} {this.appVersion}\n </p>\n )}\n <p class=\"body-italic-m header__description\">\n {this.#componentLocale.allRightsReserved}\n </p>\n <p class=\"body-italic-m header__description\">\n {this.#componentLocale.copyright}\n </p>\n </header>\n\n <main class=\"main\">\n {renderInitializingMessage && (\n <p\n class={{\n \"body-regular-m\": true,\n \"status--processing\": true\n }}\n >\n {this.#componentLocale.initializingServices}\n {ANIMATION_DOTS(\"tiny\", \"on-surface\")}\n </p>\n )}\n\n <code\n class=\"log__container scrollable\"\n role=\"status\"\n aria-live=\"polite\"\n aria-busy={this.ariaBusy}\n >\n {this.messages?.reverse().map((message, i) => {\n return (\n <p\n class={{\n \"caption-regular-l\": true,\n \"log__message\": true,\n \"log__message--error\": message.type === \"error\"\n }}\n key={this.messages.length - i}\n >\n {message.text}\n </p>\n );\n })}\n </code>\n\n {renderErrorMessage && (\n <p class=\"error-message status--error body-regular-m\">\n {renderInstallationErrorMessage && (\n <span>{installationErrorMessage}</span>\n )}\n\n {renderInstallationErrorMessage &&\n this.showDockerMissingError && <span> - </span>}\n\n {this.showDockerMissingError && (\n <span>{this.#componentLocale.warnings.dockerMissing}</span>\n )}\n </p>\n )}\n </main>\n\n <footer class=\"footer\">\n <div class=\"buttons-spacer\">\n {this.showDockerMissingError && (\n <button\n key=\"download-docker\"\n class=\"button-secondary button-icon-and-text download-docker-button\"\n onClick={this.downloadDockerCallback}\n >\n {this.#componentLocale.downloadDocker}\n </button>\n )}\n\n {renderOpenLogLink && (\n <button\n key=\"open-log\"\n class=\"button-tertiary button-icon-and-text\"\n onClick={this.openLogCallback}\n >\n <ch-image class=\"icon-m\" src={OPEN_LOG_ICON}></ch-image>\n {this.#componentLocale.openLog}\n </button>\n )}\n\n {this.quitCallback && this.showQuitButton && (\n <button class=\"button-secondary\" onClick={this.quitCallback}>\n {this.#componentLocale.quitGenexus}\n </button>\n )}\n </div>\n </footer>\n </section>\n </div>\n </Host>\n );\n }\n}\n\nexport type MessageType = {\n type: \"info\" | \"error\";\n text: string;\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-b167052a.entry.js → p-9a10fa97.entry.js} RENAMED Viewed

@@ -54,7 +54,7 @@ const mapSelectorCategoryDataToComboBoxModel = e => e.map((e => {
   return t;
 }));
-const o = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:grid;block-size:100%;grid-template-rows:max-content 1fr}.section{display:contents}.header{}.header__top{grid-template-columns:max-content 1fr max-content}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--timing-fast) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--spacing-gap-xl)}.main{display:grid;grid-template-columns:1fr 1fr}.section__referenced-by,.section__references-to{display:grid;grid-template-rows:max-content 1fr}.dialog-header__referenced-by,.dialog-header__references-to{padding-block-start:16px}.main__referenced-by,.main__references-to{grid-auto-rows:max-content;overflow:auto}.main__referenced-by{border-inline-end:var(--section-common-border)}.text-align-center{text-align:center}";
+const o = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:grid;block-size:100%;grid-template-rows:max-content 1fr}.section{display:contents}.header{}.header__top{grid-template-columns:max-content 1fr max-content}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--timing-fast) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--spacing-gap-xl)}.main{display:grid;grid-template-columns:1fr 1fr}.section__referenced-by,.section__references-to{display:grid;grid-template-rows:max-content 1fr}.dialog-header__referenced-by,.dialog-header__references-to{padding-block-start:16px}.main__referenced-by,.main__references-to{grid-auto-rows:max-content;overflow:auto}.main__referenced-by{border-inline-end:var(--section-common-border)}.text-align-center{text-align:center}";
 var l = undefined && undefined.__classPrivateFieldGet || function(e, t, i, s) {
   if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
@@ -365,4 +365,4 @@ y = new WeakMap, x = new WeakMap, _ = new WeakMap, k = new WeakMap;
 C.style = o;
 export { C as gx_ide_references };
-//# sourceMappingURL=p-b167052a.entry.js.map
+//# sourceMappingURL=p-9a10fa97.entry.js.map

package/dist/genexus-ide-ui/{p-d0e61bdc.entry.js → p-9ca0c042.entry.js} RENAMED Viewed

@@ -127,7 +127,7 @@ const updateObjectsTreeModel = (t, e, s, i) => {
  * any items with metadata of type `KB_PROPERTY`.
  */ const clearKbPropertiesFromTree = t => t.filter((t => t.metadata !== o));
-const c = ':host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}section{display:contents}.header__field-group{grid-template:"export-file-name buttons-container" max-content "checkboxes checkboxes" max-content/1fr max-content}.export-file-name{grid-area:export-file-name}.header__buttons-container{grid-area:buttons-container}.header__checkboxes{grid-area:checkboxes;grid-template-columns:max-content max-content}.main{position:relative;padding-block:12px}';
+const c = 'button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}section{display:contents}.header__field-group{grid-template:"export-file-name buttons-container" max-content "checkboxes checkboxes" max-content/1fr max-content}.export-file-name{grid-area:export-file-name}.header__buttons-container{grid-area:buttons-container}.header__checkboxes{grid-area:checkboxes;grid-template-columns:max-content max-content}.main{position:relative;padding-block:12px}';
 var h = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
   if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
@@ -500,4 +500,4 @@ V = new WeakMap, L = new WeakMap, l = new WeakSet, S = function _GxIdeKbManagerE
 q.style = c;
 export { q as gx_ide_kb_manager_export };
-//# sourceMappingURL=p-d0e61bdc.entry.js.map
+//# sourceMappingURL=p-9ca0c042.entry.js.map

package/dist/genexus-ide-ui/p-9ca0c042.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["KB_PROPERTY","KB_OBJECT","getPropertyIcon","typeId","kbPropertiesTypes","find","propertyType","id","icon","convertObjectTypeToTreeItem","objectType","caption","name","startImgSrc","leaf","parts","expanded","items","convertObjectToTreeItem","object","objectTypes","get","metadata","convertPropertyToTreeItem","property","updateObjectsTreeModel","objects","objectTypesMap","objectsSet","actualTreeState","updatedTreeData","forEach","has","objectTreeItem","objectTypeTreeItemIndex","findIndex","treeItem","objectTypeTreeItem","push","add","convertKbPropertiesDataToTreeItemData","properties","propertyAlreadyExists","node","undefined","propertyTreeItem","unshift","clearKbPropertiesFromTree","filter","item","kbManagerExportCss","FILE_ICON","getIconPath","category","colorType","SETTINGS_ICON","GENERAL_REFERENCES_ICON","MENUS_NEW_OBJECT_ICON","TREE_VIEW_ICON","CHECKBOX_CHECKED_VALUE","CSS_BUNDLES","GxIdeKbManagerExport","_GxIdeKbManagerExport_addKbDescriptionEl","set","this","_GxIdeKbManagerExport_componentLocale","_GxIdeKbManagerExport_animateEmptyState","_GxIdeKbManagerExport_exportAllEl","_GxIdeKbManagerExport_fileNameEl","_GxIdeKbManagerExport_kBPropertiesData","_GxIdeKbManagerExport_objectTypesMap","Map","_GxIdeKbManagerExport_objectsSet","Set","_GxIdeKbManagerExport_addKBPropertiesCallbackHandler","async","_e","addKbPropertiesIsChecked","__classPrivateFieldGet","value","__classPrivateFieldSet","addKBPropertiesCallback","length","objectsTreeViewModel","_GxIdeKbManagerExport_addObjectsCallbackHandler","exportAllIsChecked","addedObjects","addObjectsCallback","_GxIdeKbManagerExport_updateObjects","call","_GxIdeKbManagerExport_addReferencesCallbackHandler","addReferencesCallback","checkedObjectsIds","_GxIdeKbManagerExport_cancelCallbackHandler","cancelled","cancelCallback","exportingIsInProcess","_GxIdeKbManagerExport_clearButtonHandler","clear","_GxIdeKbManagerExport_evaluateContentToDisplay","hasObjects","h","isAnimated","stateTitle","main","noObjectsToDisplay","key","class","onClick","beginByADdingSomeObjects","stateIconSrc","exportAllMessage","checkbox","checked","dragDisabled","dropDisabled","_GxIdeKbManagerExport_evaluateTreeViewFilters","filterType","model","showLines","toggleCheckboxes","sortItemsCallback","_GxIdeKbManagerExport_sortTreeItems","onCheckedItemsChange","_GxIdeKbManagerExport_objectsTreeCheckedItemsChangedHandler","_GxIdeKbManagerExport_evaluateObjects","_GxIdeKbManagerExport_exportAllChangedHandler","_event","_GxIdeKbManagerExport_exportCallbackHandler","fileName","checkedKbPropertiesIds","checkedPropertiesIds","checkedObjectIds","exportCallback","then","event","allItemsWithCheckbox","detail","values","atLeastOnePropertyItemIsChecked","atLeastOneObjectItemIsChecked","subModel","sort","a","b","localeCompare","_GxIdeKbManagerExport_renderFooter","referencesButtonEnabled","clearButtonEnabled","disabled","part","footer","clearButton","src","addReferencesButton","addButton","objectsDataArray","newObjectsTreeModel","objectsTreeViewModelChanged","newObjectsTreeViewModel","objectTypesChanged","newObjectTypesArray","_GxIdeKbManagerExport_instances","_GxIdeKbManagerExport_objectsTypesArrayToMap","componentWillLoad","Locale","getComponentStrings","el","render","exportButtonEnabled","cancelButtonEnabled","Host","htmlFor","header","exportFileName","autoFocus","ref","exportButton","cancelButton","optionsButton","title","optionsCallback","addKnowledgeBaseDescription","checkedValue","onInput","exportAll","loader","cancelLabel","loaderTitle","show","objectTypesArray"],"sources":["src/components/kb-manager-export/helpers.ts","src/components/kb-manager-export/kb-manager-export.scss?tag=gx-ide-kb-manager-export&encapsulation=shadow","src/components/kb-manager-export/kb-manager-export.tsx"],"sourcesContent":["// /* Tree View */\nimport {\n TreeViewItemModel,\n TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { ObjectData, KBPropertyData, KBPropertyType } from \"./types\";\nimport { ObjectType } from \"../../common/types\";\nexport const KB_PROPERTY = \"property\";\nexport const KB_OBJECT = \"object\";\n\nconst getPropertyIcon = (\n typeId: string,\n kbPropertiesTypes: KBPropertyType[]\n): string =>\n // The object icon has to be retrieved from the ObjectTypes array, by\n // matching the ObjectData typeId with the ObjectType id\n kbPropertiesTypes.find(propertyType => propertyType.id === typeId).icon;\n\nconst convertObjectTypeToTreeItem = (\n objectType: ObjectType\n): TreeViewItemModel => ({\n caption: objectType.name,\n id: objectType.id,\n startImgSrc: objectType.icon,\n leaf: false,\n parts: \"object-type tree-view-item\",\n expanded: true,\n items: []\n});\n\nconst convertObjectToTreeItem = (\n object: ObjectData,\n objectTypes: Map<string, ObjectType>\n): TreeViewItemModel => ({\n caption: object.name,\n id: object.id,\n startImgSrc: objectTypes.get(object.typeId).icon,\n parts: \"object tree-view-item\",\n metadata: KB_OBJECT,\n leaf: true\n});\n\nconst convertPropertyToTreeItem = (\n property: KBPropertyData,\n kbPropertiesTypes: KBPropertyType[]\n): TreeViewItemModel => ({\n caption: property.name,\n id: property.id,\n startImgSrc: getPropertyIcon(property.typeId, kbPropertiesTypes),\n parts: \"property tree-view-item\",\n metadata: KB_PROPERTY,\n leaf: true\n});\n\n/**\n * Updates the tree model with the provided objects.\n * Objects may already exist and are placed under their parent node.\n * If the parent node doesn't exist (identified by typeId on ObjectTypes),\n * it is created and added at the bottom.\n *\n * @param {ObjectData[] | undefined} objects - The array of objects to update.\n * @param {Map<string, ObjectType>} objectTypesMap - A map of object types by ID.\n * @param {Set<string>} objectsSet - A set of existing object IDs.\n * @param {TreeViewModel} actualTreeState - The current tree state to be updated.\n * @returns {TreeViewModel} - The updated tree view model.\n */\nexport const updateObjectsTreeModel = (\n objects: ObjectData[] | undefined,\n objectTypesMap: Map<string, ObjectType>,\n objectsSet: Set<string>,\n actualTreeState: TreeViewModel\n): TreeViewModel => {\n if (!objects) {\n return [...actualTreeState];\n }\n\n const updatedTreeData: TreeViewModel = [...actualTreeState];\n objects.forEach(object => {\n // objects that already exists in the actual actualTreeState should not be added.\n\n if (objectsSet.has(object.id)) {\n // object already exists\n return;\n }\n\n const objectTreeItem = convertObjectToTreeItem(object, objectTypesMap);\n\n // TODO: Improve the algorithm efficiency. This check visits potentially all nodes\n // from the TreeViewModel on each iteration. Using a Map to pre-store the TreeView\n // nodes would improve efficiency.\n const objectTypeTreeItemIndex = updatedTreeData.findIndex(\n treeItem => treeItem.id === object.typeId\n );\n\n if (objectTypeTreeItemIndex === -1) {\n // Create and add new object type tree item\n const objectType = objectTypesMap.get(object.typeId);\n if (objectType) {\n const objectTypeTreeItem = convertObjectTypeToTreeItem(objectType);\n objectTypeTreeItem.items.push(objectTreeItem);\n updatedTreeData.push(objectTypeTreeItem);\n }\n } else {\n // objectType exists already. insert object as children of the object type tree item.\n updatedTreeData[objectTypeTreeItemIndex].items.push(objectTreeItem);\n }\n\n objectsSet.add(object.id);\n });\n\n return updatedTreeData;\n};\n\n/**\n * Converts an array of KB properties data into tree item data for a tree view.\n *\n * @param {KBPropertyData[]} properties - The array of KB property data.\n * @param {KBPropertyType[]} kbPropertiesTypes - The array of KB property types.\n * @param {TreeViewModel} actualTreeState - The current state of the tree.\n * @returns {TreeViewModel} - The updated tree view item models.\n */\nexport const convertKbPropertiesDataToTreeItemData = (\n properties: KBPropertyData[],\n kbPropertiesTypes: KBPropertyType[],\n actualTreeState: TreeViewModel\n): TreeViewModel => {\n if (!properties) {\n return [...actualTreeState];\n }\n\n const updatedTreeData: TreeViewModel = [...actualTreeState];\n properties.forEach(property => {\n // properties have no parent node, and they should be added at the beginning of the tree\n const propertyAlreadyExists =\n updatedTreeData.find(node => node.id === property.id) !== undefined;\n if (propertyAlreadyExists) {\n return;\n }\n const propertyTreeItem = convertPropertyToTreeItem(\n property,\n kbPropertiesTypes\n );\n updatedTreeData.unshift(propertyTreeItem);\n });\n return updatedTreeData;\n};\n\n/**\n * Removes properties from the tree model.\n *\n * @param {TreeViewModel} actualTreeState - The current state of the tree,\n * containing various tree view items.\n * @returns {TreeViewModel} - A new array of tree view items that excludes\n * any items with metadata of type `KB_PROPERTY`.\n */\nexport const clearKbPropertiesFromTree = (\n actualTreeState: TreeViewModel\n): TreeViewModel =>\n actualTreeState.filter(item => item.metadata !== KB_PROPERTY);\n","@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n display: grid;\n block-size: 100%;\n grid-template-rows: max-content 1fr max-content;\n}\n\nsection {\n display: contents;\n}\n\n.header__field-group {\n grid-template:\n \"export-file-name buttons-container\" max-content\n \"checkboxes checkboxes\" max-content\n / 1fr max-content;\n}\n.export-file-name {\n grid-area: export-file-name;\n}\n\n.header__buttons-container {\n grid-area: buttons-container;\n}\n.header__checkboxes {\n grid-area: checkboxes;\n grid-template-columns: max-content max-content;\n}\n\n.main {\n position: relative;\n padding-block: 12px;\n}\n","import { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n\nimport { ChCheckboxCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport {\n TreeViewItemModelExtended,\n TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport {\n updateObjectsTreeModel,\n convertKbPropertiesDataToTreeItemData,\n clearKbPropertiesFromTree\n} from \"./helpers\";\nimport { ObjectType } from \"../../common/types\";\n\nimport { KB_PROPERTY, KB_OBJECT } from \"./helpers\";\nimport {\n KBPropertiesCallback,\n KBPropertyData,\n KBPropertyType,\n ObjectData,\n ExportFileDirectoryCallback,\n OptionsCallback,\n AddObjectsCallback,\n ExportCallback,\n AddReferencesCallback,\n CancelCallback\n} from \"./types\";\n\nimport { getIconPath } from \"@genexus/mercury\";\n\nconst FILE_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"file\",\n colorType: \"on-surface\"\n});\nconst SETTINGS_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"settings\",\n colorType: \"primary\"\n});\nconst GENERAL_REFERENCES_ICON = getIconPath({\n category: \"window-tools\",\n name: \"references\",\n colorType: \"interactive\"\n});\nconst MENUS_NEW_OBJECT_ICON = getIconPath({\n category: \"menus\",\n name: \"new-object\",\n colorType: \"on-primary\"\n});\nconst TREE_VIEW_ICON = getIconPath({\n category: \"controls\",\n name: \"treeview\"\n});\nconst CHECKBOX_CHECKED_VALUE = \"true\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/button\",\n \"components/checkbox\",\n \"components/edit\",\n \"components/icon\",\n \"components/tree-view\",\n \"utils/form\",\n \"utils/layout\",\n \"utils/spacing\",\n \"utils/typography\"\n];\n@Component({\n tag: \"gx-ide-kb-manager-export\",\n styleUrl: \"kb-manager-export.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/kb-manager-export\"]\n})\nexport class GxIdeKbManagerExport {\n #addKbDescriptionEl!: HTMLChCheckboxElement;\n #componentLocale: any;\n #animateEmptyState: boolean = false;\n #exportAllEl!: HTMLChCheckboxElement;\n #fileNameEl!: HTMLChEditElement;\n #kBPropertiesData!: KBPropertyData[];\n /**\n * Stores the object types information (name, and icon)\n */\n // eslint-disable-next-line @stencil-community/own-props-must-be-private\n #objectTypesMap: Map<string, ObjectType> = new Map();\n /**\n * Stores the object's id that have been added.\n */\n // eslint-disable-next-line @stencil-community/own-props-must-be-private\n #objectsSet: Set<string> = new Set();\n\n @Element() el: HTMLGxIdeKbManagerExportElement;\n\n @State() addKbPropertiesIsChecked = false;\n @State() atLeastOnePropertyItemIsChecked = false;\n @State() atLeastOneObjectItemIsChecked = false;\n @State() checkedObjectsIds: string[] = [];\n @State() checkedPropertiesIds: string[] = [];\n @State() exportAllIsChecked = false;\n @State() exportingIsInProcess = false;\n @State() hasObjects: boolean;\n @State() objectsTreeViewModel: TreeViewModel = [];\n @Watch(\"objectsTreeViewModel\")\n objectsTreeViewModelChanged(newObjectsTreeViewModel: TreeViewModel) {\n this.hasObjects =\n newObjectsTreeViewModel && newObjectsTreeViewModel.length > 0;\n if (!this.hasObjects) {\n this.atLeastOnePropertyItemIsChecked = false;\n this.atLeastOneObjectItemIsChecked = false;\n }\n }\n\n /**\n * Callback invoked when the user wants to include KB properties.\n */\n @Prop() readonly addKBPropertiesCallback!: KBPropertiesCallback;\n\n /**\n * Callback invoked when the user wants to add objects.\n */\n @Prop() readonly addObjectsCallback!: AddObjectsCallback;\n\n /**\n *Callback invoked when the user wants to add all the references for the selected objects.\n *@param itemIds:string[] The selected item ids\n *@returns : Returns an object with the items and its references\n */\n @Prop() readonly addReferencesCallback!: AddReferencesCallback;\n\n /**\n * Callback invoked when the user wants to cancel the export process.\n * @returns It returns a boolean indicating whether the process could be canceled or not.\n */\n @Prop() readonly cancelCallback!: CancelCallback;\n\n /**\n *Callback invoked when the user wants to initiate the export process.\n *@param fileName:string\n *@param itemIds:string[] The selected item ids\n *@returns : It returns a boolean indicating whether the process was successful\n */\n @Prop() readonly exportCallback!: ExportCallback;\n\n /**\n * Callback invoked when the user wants to access the export options.\n */\n @Prop() readonly exportFileDirectoryCallback!: ExportFileDirectoryCallback;\n\n /**\n * It allows defining the default Export File Name\n */\n @Prop() readonly fileName: string;\n\n /**\n * Array with the possible types of KB properties\n */\n @Prop() readonly kbPropertiesTypes: KBPropertyType[];\n\n /**\n * If true, it will display a loader when needed.\n */\n @Prop() readonly loader = false;\n\n /**\n * Array of possible object types\n */\n @Prop() readonly objectTypes: ObjectType[];\n @Watch(\"objectTypes\")\n objectTypesChanged(newObjectTypesArray: ObjectType[]) {\n this.#objectsTypesArrayToMap(newObjectTypesArray);\n }\n\n /**\n * Callback invoked when the user wants to access the export options.\n */\n @Prop() readonly optionsCallback: OptionsCallback;\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n this.#evaluateObjects();\n this.#objectsTypesArrayToMap(this.objectTypes);\n }\n\n #addKBPropertiesCallbackHandler = async (\n _e: ChCheckboxCustomEvent<any> | InputEvent\n ) => {\n this.addKbPropertiesIsChecked =\n this.#addKbDescriptionEl.value === CHECKBOX_CHECKED_VALUE;\n if (this.addKbPropertiesIsChecked) {\n this.#kBPropertiesData = await this.addKBPropertiesCallback();\n if (this.#kBPropertiesData.length) {\n this.objectsTreeViewModel = convertKbPropertiesDataToTreeItemData(\n this.#kBPropertiesData,\n this.kbPropertiesTypes,\n this.objectsTreeViewModel\n );\n }\n } else {\n // previous properties (if any) should be removed\n this.objectsTreeViewModel = clearKbPropertiesFromTree(\n this.objectsTreeViewModel\n );\n }\n };\n\n #addObjectsCallbackHandler = async () => {\n this.#exportAllEl.value = undefined;\n this.exportAllIsChecked = false;\n const addedObjects = await this.addObjectsCallback();\n this.#updateObjects(addedObjects);\n };\n\n #addReferencesCallbackHandler = async () => {\n const objects: ObjectData[] = await this.addReferencesCallback(\n this.checkedObjectsIds\n );\n this.#updateObjects(objects);\n };\n\n #cancelCallbackHandler = async () => {\n const cancelled = await this.cancelCallback();\n if (cancelled) {\n this.exportingIsInProcess = false;\n }\n };\n\n #clearButtonHandler = () => {\n this.objectsTreeViewModel = [];\n this.#objectsSet.clear();\n this.#addKbDescriptionEl.value = undefined;\n this.#exportAllEl.value = undefined;\n };\n\n #evaluateContentToDisplay = () => {\n // Nothing to display on the tree-view\n if (!this.hasObjects && !this.exportAllIsChecked) {\n return (\n <gx-ide-empty-state\n isAnimated={this.#animateEmptyState}\n stateTitle={this.#componentLocale.main.noObjectsToDisplay}\n key=\"no-objects-empty-state\"\n >\n <button\n class=\"button-primary\"\n onClick={this.#addObjectsCallbackHandler}\n >\n {this.#componentLocale.main.beginByADdingSomeObjects}\n </button>\n </gx-ide-empty-state>\n );\n } else {\n this.#animateEmptyState = true; // improve performance if is first render\n }\n\n if (this.exportAllIsChecked) {\n return (\n <gx-ide-empty-state\n isAnimated={this.#animateEmptyState}\n stateIconSrc={TREE_VIEW_ICON}\n stateTitle={this.#componentLocale.main.exportAllMessage}\n key=\"exporting-all-empty-state\"\n ></gx-ide-empty-state>\n );\n } else {\n this.#animateEmptyState = true; // improve performance if is first render\n }\n\n return (\n <ch-tree-view-render\n class=\"tree-view\"\n checkbox\n checked\n dragDisabled\n dropDisabled\n filter={this.#evaluateTreeViewFilters()}\n filterType={\n this.addKbPropertiesIsChecked && !this.exportAllIsChecked\n ? \"none\"\n : \"metadata\"\n }\n model={this.objectsTreeViewModel}\n showLines=\"last\"\n toggleCheckboxes\n sortItemsCallback={this.#sortTreeItems}\n onCheckedItemsChange={this.#objectsTreeCheckedItemsChangedHandler}\n ></ch-tree-view-render>\n );\n };\n\n #evaluateObjects = () => {\n this.hasObjects =\n this.objectsTreeViewModel && this.objectsTreeViewModel.length > 0;\n };\n\n #evaluateTreeViewFilters = (): string => {\n if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {\n return KB_PROPERTY; // only show properties\n }\n if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {\n return KB_OBJECT; // only show objects\n }\n return \"none\";\n };\n\n #exportAllChangedHandler = (\n _event: ChCheckboxCustomEvent<any> | InputEvent\n ) => {\n this.exportAllIsChecked =\n this.#exportAllEl.value === CHECKBOX_CHECKED_VALUE;\n };\n\n #exportCallbackHandler = async () => {\n this.exportingIsInProcess = true;\n const fileName: string = this.#fileNameEl.value;\n const checkedKbPropertiesIds = this.addKbPropertiesIsChecked\n ? this.checkedPropertiesIds\n : [];\n const checkedObjectIds = this.exportAllIsChecked\n ? undefined\n : this.checkedObjectsIds;\n this.exportCallback(\n fileName,\n checkedKbPropertiesIds,\n checkedObjectIds\n ).then(() => {\n this.exportingIsInProcess = false;\n });\n // returns Promise<boolean> but no procedure was detailed on the spec.\n };\n\n #objectsTypesArrayToMap(objectTypesArray: ObjectType[]) {\n objectTypesArray.forEach(objectType => {\n this.#objectTypesMap.set(objectType.id, objectType);\n });\n }\n\n #objectsTreeCheckedItemsChangedHandler = (\n event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n ) => {\n // filter 'checked objects' and 'checked properties' ids\n const checkedObjectsIds: string[] = [];\n const checkedPropertiesIds: string[] = [];\n const allItemsWithCheckbox = [...event.detail.values()];\n allItemsWithCheckbox.forEach(node => {\n if (node.item.checked && node.item.metadata === KB_OBJECT) {\n checkedObjectsIds.push(node.item.id);\n } else if (node.item.checked && node.item.metadata === KB_PROPERTY) {\n checkedPropertiesIds.push(node.item.id);\n }\n });\n this.checkedObjectsIds = checkedObjectsIds;\n this.checkedPropertiesIds = checkedPropertiesIds;\n\n this.atLeastOnePropertyItemIsChecked = this.checkedPropertiesIds.length > 0;\n this.atLeastOneObjectItemIsChecked = this.checkedObjectsIds.length > 0;\n };\n\n #sortTreeItems = (subModel: TreeViewModel) => {\n // \"property\" items should be added on top.\n // else sort alphabetically by \"caption\" value.\n return subModel.sort((a, b) => {\n if (a.metadata === \"property\" && b.metadata !== \"property\") {\n return -1;\n }\n if (b.metadata === \"property\" && a.metadata !== \"property\") {\n return 1;\n }\n\n return a.caption.localeCompare(b.caption);\n });\n };\n\n #renderFooter = (): HTMLElement => {\n const referencesButtonEnabled = this.atLeastOneObjectItemIsChecked;\n const clearButtonEnabled = this.objectsTreeViewModel.length > 0;\n return (\n <footer class=\"footer dialog-footer-with-border dialog-footer-space-between space-body spacing-body-inline spacing-body-block-end\">\n <button\n class=\"button-tertiary clear-btn\"\n disabled={!clearButtonEnabled}\n part=\"clear-button\"\n onClick={clearButtonEnabled && this.#clearButtonHandler}\n >\n {this.#componentLocale.footer.clearButton}\n </button>\n\n <div class=\"buttons-spacer\">\n <button\n class=\"button-secondary button-icon-and-text\"\n part=\"references-button\"\n disabled={!referencesButtonEnabled}\n onClick={\n referencesButtonEnabled && this.#addReferencesCallbackHandler\n }\n >\n <ch-image\n class=\"icon-m\"\n disabled={!referencesButtonEnabled}\n src={GENERAL_REFERENCES_ICON}\n ></ch-image>\n {this.#componentLocale.footer.addReferencesButton}\n </button>\n\n <button\n // Add button\n class=\"button-primary button-icon-and-text\"\n disabled={this.exportAllIsChecked}\n part=\"add-button\"\n onClick={\n !this.exportAllIsChecked && this.#addObjectsCallbackHandler\n }\n >\n <ch-image\n class=\"icon-m\"\n disabled={this.exportAllIsChecked}\n src={MENUS_NEW_OBJECT_ICON}\n ></ch-image>\n {this.#componentLocale.footer.addButton}\n </button>\n </div>\n </footer>\n );\n };\n\n #updateObjects = (objectsDataArray: ObjectData[]) => {\n if (objectsDataArray.length) {\n const newObjectsTreeModel = updateObjectsTreeModel(\n objectsDataArray,\n this.#objectTypesMap,\n this.#objectsSet,\n this.objectsTreeViewModel\n );\n this.objectsTreeViewModel = newObjectsTreeModel;\n }\n };\n\n render(): void {\n const exportButtonEnabled =\n this.atLeastOnePropertyItemIsChecked ||\n this.atLeastOneObjectItemIsChecked ||\n this.exportAllIsChecked;\n\n const cancelButtonEnabled = this.exportingIsInProcess;\n\n return (\n <Host class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n <section>\n <header class=\"header dialog-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n <div class=\"field-group header__field-group\">\n <div class=\"field field-inline export-file-name\">\n <label class=\"label\" htmlFor=\"xpz-file\">\n {this.#componentLocale.header.exportFileName}\n </label>\n <ch-edit\n autoFocus\n id=\"xpz-file\"\n class=\"input\"\n part=\"xpz-file\"\n value={this.fileName}\n startImgSrc={FILE_ICON}\n ref={(el: HTMLChEditElement) =>\n (this.#fileNameEl = el as HTMLChEditElement)\n }\n ></ch-edit>\n </div>\n\n <div class=\"header__buttons-container buttons-spacer\">\n <button\n id=\"export-kb-btn\"\n class=\"button-primary export-btn\"\n part=\"export-btn\"\n disabled={!exportButtonEnabled}\n onClick={exportButtonEnabled && this.#exportCallbackHandler}\n >\n {this.#componentLocale.header.exportButton}\n </button>\n <button\n id=\"cancel-kb-export-btn\"\n class=\"button-secondary cancel-btn\"\n part=\"cancel-button\"\n disabled={!cancelButtonEnabled}\n onClick={cancelButtonEnabled && this.#cancelCallbackHandler}\n >\n {this.#componentLocale.header.cancelButton}\n </button>\n\n <button\n aria-label={this.#componentLocale.header.optionsButton}\n title={this.#componentLocale.header.optionsButton}\n class=\"button-tertiary button-icon-only options-btn\"\n part=\"select-kb-btn\"\n onClick={this.optionsCallback}\n >\n <ch-image class=\"icon-m\" src={SETTINGS_ICON}></ch-image>\n </button>\n </div>\n\n <div class=\"header__checkboxes field-group\">\n <ch-checkbox\n class=\"checkbox add-kb-description\"\n part=\"add-kb-description\"\n caption={\n this.#componentLocale.main.addKnowledgeBaseDescription\n }\n checkedValue={CHECKBOX_CHECKED_VALUE}\n onInput={this.#addKBPropertiesCallbackHandler}\n ref={(el: HTMLChCheckboxElement) =>\n (this.#addKbDescriptionEl = el as HTMLChCheckboxElement)\n }\n ></ch-checkbox>\n\n <ch-checkbox\n class=\"checkbox\"\n part=\"export-all-checkbox\"\n checkedValue={CHECKBOX_CHECKED_VALUE}\n caption={this.#componentLocale.main.exportAll}\n onInput={this.#exportAllChangedHandler}\n ref={(el: HTMLChCheckboxElement) =>\n (this.#exportAllEl = el as HTMLChCheckboxElement)\n }\n ></ch-checkbox>\n </div>\n </div>\n </header>\n\n <div class=\"main spacing-body-inline\">\n {this.#evaluateContentToDisplay()}\n {this.loader && this.exportingIsInProcess && (\n <gx-ide-loader\n cancelLabel={this.#componentLocale.loader.cancelLabel}\n loaderTitle={this.#componentLocale.loader.title}\n cancelCallback={this.#cancelCallbackHandler}\n show\n class=\"loader\"\n ></gx-ide-loader>\n )}\n </div>\n\n {this.#renderFooter()}\n </section>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-c31f9478.entry.js → p-aad714a5.entry.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { r as i, h as t, H as e, a as n } from "./p-9b9ccd0c.js";
-import { g as s } from "./p-d42e842b.js";
+import { g as a } from "./p-d42e842b.js";
 import "./p-6534555e.js";
@@ -10,9 +10,9 @@ import "lit/directives/when.js";
 import "lit/directives/if-defined.js";
-import { L as a } from "./p-311eedf3.js";
+import { L as s } from "./p-311eedf3.js";
-const o = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:block;inline-size:100%;block-size:100%;padding-inline-end:0 !important}.file-uploader-dialog{display:flex;flex-direction:column;block-size:100%;position:relative}.file-uploader-dialog .dialog-content{flex:1;min-block-size:0;overflow:auto}.file-uploader-dialog .dialog-footer{padding-inline-end:var(--spacing-body-inline-end)}.file-uploader{display:flex;flex-direction:column;inline-size:100%;block-size:100%}.file-uploader__list{display:flex;flex-direction:column;inline-size:100%;block-size:100%}.file-uploader__list-header{position:sticky;top:0;z-index:1;background-color:var(--color-accent-surface-elevation-1);display:flex;justify-content:space-between;align-items:center;padding-inline-end:var(--spacing-body-inline-end)}.file-uploader__list-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-gap-m);padding-inline-end:var(--spacing-body-inline-end);padding-block-end:16px}.file-uploader__list-title-container{display:flex;align-items:center;gap:var(--spacing-gap-xs);white-space:nowrap}.file-uploader__drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:calc(100% - var(--spacing-body-inline-end));block-size:calc(100% - 12px);min-block-size:200px;margin-block-end:12px;background:var(--color-accent-surface-elevation-1);border:2px dashed var(--color-border-neutral-default);border-radius:8px;transition:border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease}.file-uploader__drop-zone--dragging{border-color:var(--color-accent-primary-default);background:var(--color-accent-primary-hover);opacity:0.7}.file-uploader__drop-zone .text-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-gap-xs);margin-block-start:8px}.hidden-input{display:none}.label-primary-row{display:flex;align-items:center;gap:var(--spacing-gap-m)}";
+const o = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:block;inline-size:100%;block-size:100%;padding-inline-end:0 !important}.file-uploader-dialog{display:flex;flex-direction:column;block-size:100%;position:relative}.file-uploader-dialog .dialog-content{flex:1;min-block-size:0;overflow:auto}.file-uploader-dialog .dialog-footer{padding-inline-end:var(--spacing-body-inline-end)}.file-uploader{display:flex;flex-direction:column;inline-size:100%;block-size:100%}.file-uploader__list{display:flex;flex-direction:column;inline-size:100%;block-size:100%}.file-uploader__list-header{position:sticky;top:0;z-index:1;background-color:var(--color-accent-surface-elevation-1);display:flex;justify-content:space-between;align-items:center;padding-inline-end:var(--spacing-body-inline-end)}.file-uploader__list-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-gap-m);padding-inline-end:var(--spacing-body-inline-end);padding-block-end:16px}.file-uploader__list-title-container{display:flex;align-items:center;gap:var(--spacing-gap-xs);white-space:nowrap}.file-uploader__drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:calc(100% - var(--spacing-body-inline-end));block-size:calc(100% - 12px);min-block-size:200px;margin-block-end:12px;background:var(--color-accent-surface-elevation-1);border:2px dashed var(--color-border-neutral-default);border-radius:8px;transition:border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease}.file-uploader__drop-zone--dragging{border-color:var(--color-accent-primary-default);background:var(--color-accent-primary-hover);opacity:0.7}.file-uploader__drop-zone .text-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-gap-xs);margin-block-start:8px}.hidden-input{display:none}.label-primary-row{display:flex;align-items:center;gap:var(--spacing-gap-m)}";
 var l = undefined && undefined.__classPrivateFieldGet || function(i, t, e, n) {
   if (e === "a" && !n) throw new TypeError("Private accessor was defined without a getter");
@@ -20,16 +20,16 @@ var l = undefined && undefined.__classPrivateFieldGet || function(i, t, e, n) {
   return e === "m" ? n : e === "a" ? n.call(i) : n ? n.value : t.get(i);
 };
-var r = undefined && undefined.__classPrivateFieldSet || function(i, t, e, n, s) {
+var r = undefined && undefined.__classPrivateFieldSet || function(i, t, e, n, a) {
   if (n === "m") throw new TypeError("Private method is not writable");
-  if (n === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? i !== t || !s : !t.has(i)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return n === "a" ? s.call(i, e) : s ? s.value = e : t.set(i, e), e;
+  if (n === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? i !== t || !a : !t.has(i)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return n === "a" ? a.call(i, e) : a ? a.value = e : t.set(i, e), e;
 };
 var d, c, h, f, p, u, v, g, b, m, w, y, x, k, _, M, z, j;
-const W = s({
+const W = a({
   category: "gemini-tools",
   name: "add",
   colorType: "primary"
@@ -91,7 +91,7 @@ const C = class {
       t.forEach((async i => {
         var t, e;
         const n = l(this, p, "f").call(this);
-        const s = {
+        const a = {
           id: n,
           name: i.name,
           file: i,
@@ -101,10 +101,10 @@ const C = class {
         if (!this.multiple) {
           this.fileStates.clear();
         }
-        this.fileStates = new Map(this.fileStates.set(n, s));
+        this.fileStates = new Map(this.fileStates.set(n, a));
         if (this.uploadFunction) {
           try {
-            const s = this.uploadFunction(i, (i => {
+            const a = this.uploadFunction(i, (i => {
               const t = this.fileStates.get(n);
               if (t) {
                 const e = Object.assign(Object.assign({}, t), {
@@ -115,11 +115,11 @@ const C = class {
               }
             }));
             // Store the upload promise/object for potential cancellation
-                        const a = Object.assign(Object.assign({}, this.fileStates.get(n)), {
-              uploadPromise: s
+                        const s = Object.assign(Object.assign({}, this.fileStates.get(n)), {
+              uploadPromise: a
             });
-            this.fileStates = new Map(this.fileStates.set(n, a));
-            const o = await s;
+            this.fileStates = new Map(this.fileStates.set(n, s));
+            const o = await a;
             const l = this.fileStates.get(n);
             if (l) {
               if (o.success && o.remoteId) {
@@ -161,9 +161,9 @@ const C = class {
     /** Handles file name change */    _.set(this, (async i => {
       var t;
       const {id: e, name: n} = i.detail;
-      const s = this.fileStates.get(e);
-      if (s) {
-        const i = Object.assign(Object.assign({}, s), {
+      const a = this.fileStates.get(e);
+      if (a) {
+        const i = Object.assign(Object.assign({}, a), {
           name: n.trim(),
           isEditing: false
         });
@@ -175,9 +175,9 @@ const C = class {
       }
     }));
     /** Handles individual file cancellation or deletion */    M.set(this, (async i => {
-      var t, e, n, s;
-      const a = i.detail;
-      const o = this.fileStates.get(a);
+      var t, e, n, a;
+      const s = i.detail;
+      const o = this.fileStates.get(s);
       if (o) {
         try {
           if (o.pending) {
@@ -185,10 +185,10 @@ const C = class {
             if (o.uploadPromise && typeof o.uploadPromise.cancel === "function") {
               o.uploadPromise.cancel();
             } else if (this.cancelUploadFunction) {
-              await this.cancelUploadFunction(a);
+              await this.cancelUploadFunction(s);
             }
-            await ((t = this.uploadCancelledCallback) === null || t === void 0 ? void 0 : t.call(this, a));
-            this.fileStates.delete(a);
+            await ((t = this.uploadCancelledCallback) === null || t === void 0 ? void 0 : t.call(this, s));
+            this.fileStates.delete(s);
             this.fileStates = new Map(this.fileStates);
           } else {
             const i = {
@@ -199,12 +199,12 @@ const C = class {
             const t = await ((e = this.onBeforeDelete) === null || e === void 0 ? void 0 : e.call(this, i));
             if (t) {
               await ((n = this.fileDeletedCallback) === null || n === void 0 ? void 0 : n.call(this, i));
-              this.fileStates.delete(a);
+              this.fileStates.delete(s);
               this.fileStates = new Map(this.fileStates);
             }
           }
         } catch (i) {
-          await ((s = this.fileDeletionErrorCallback) === null || s === void 0 ? void 0 : s.call(this, {
+          await ((a = this.fileDeletionErrorCallback) === null || a === void 0 ? void 0 : a.call(this, {
             fileName: o.name,
             error: i instanceof Error ? i.message : "Unknown error occurred"
           }));
@@ -285,7 +285,7 @@ const C = class {
     this.isDragging = false;
   }
   /** Initializes component with locale strings */  async componentWillLoad() {
-    r(this, c, await a.getComponentStrings(this.el), "f");
+    r(this, c, await s.getComponentStrings(this.el), "f");
   }
   /** Clears the current file selection */  async clear() {
     var i;
@@ -302,7 +302,7 @@ const C = class {
     this.fileStates.clear();
   }
   render() {
-    var i, n, s, a, o, d, f, p, u, v, k, C, E;
+    var i, n, a, s, o, d, f, p, u, v, k, C, E;
     return t(e, {
       class: "widget"
     }, t("ch-theme", {
@@ -341,13 +341,13 @@ const C = class {
       src: W
     }), t("label", {
       class: "label"
-    }, this.multiple ? (n = l(this, c, "f")) === null || n === void 0 ? void 0 : n.header.uploadButtonMultiple : (s = l(this, c, "f")) === null || s === void 0 ? void 0 : s.header.uploadButtonSingle)), t("div", {
+    }, this.multiple ? (n = l(this, c, "f")) === null || n === void 0 ? void 0 : n.header.uploadButtonMultiple : (a = l(this, c, "f")) === null || a === void 0 ? void 0 : a.header.uploadButtonSingle)), t("div", {
       class: "text-container"
     }, t("div", {
       class: "label-primary-row"
     }, t("label", {
       class: "label"
-    }, this.label || ((a = l(this, c, "f")) === null || a === void 0 ? void 0 : a.header.orText)), t("label", {
+    }, this.label || ((s = l(this, c, "f")) === null || s === void 0 ? void 0 : s.header.orText)), t("label", {
       class: "label"
     }, (o = l(this, c, "f")) === null || o === void 0 ? void 0 : o.header.dragAndDrop)), t("span", {
       class: "caption"
@@ -462,4 +462,4 @@ d = new WeakSet, u = function _FileUploader_isValidFile(i) {
 C.style = o;
 export { C as gx_ide_file_uploader };
-//# sourceMappingURL=p-c31f9478.entry.js.map
+//# sourceMappingURL=p-aad714a5.entry.js.map

package/dist/genexus-ide-ui/p-aad714a5.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["fileUploaderCss","PLUS_ICON","getIconPath","category","name","colorType","CSS_BUNDLES","FileUploader","_FileUploader__componentLocale","set","this","_FileUploader_fileInputEl","_FileUploader_dragCounter","_FileUploader_generateId","Math","random","toString","substr","_FileUploader_handleDragEnter","e","preventDefault","stopPropagation","__classPrivateFieldSet","_a","__classPrivateFieldGet","isDragging","_FileUploader_handleDragLeave","_FileUploader_handleDragOver","_FileUploader_handleDrop","files","dataTransfer","_FileUploader_handleFiles","call","_FileUploader_handleFileSelect","click","_FileUploader_handleFileInput","target","validFiles","_FileUploader_instances","_FileUploader_getValidFiles","forEach","async","file","id","fileState","pending","progress","multiple","fileStates","clear","Map","uploadFunction","uploadPromise","state","get","updatedState","Object","assign","stateWithPromise","result","success","remoteId","fileUploadedCallback","originalName","error","_b","errors","upload","Error","message","value","_FileUploader_handleNameChange","event","detail","updatedFile","trim","isEditing","fileRenamedCallback","fileId","newName","_FileUploader_handleFileCancel","cancel","cancelUploadFunction","uploadCancelledCallback","delete","fileToDelete","shouldDelete","onBeforeDelete","_c","fileDeletedCallback","_d","fileDeletionErrorCallback","fileName","_FileUploader_handleConfirm","hasPendingUploads","Array","from","values","some","uploadedFiles","filter","isValid","map","length","dialogConfirmedCallback","_FileUploader_handleCancel","entries","dialogCanceledCallback","componentWillLoad","Locale","getComponentStrings","el","render","h","Host","class","model","type","accept","types","startsWith","join","onChange","ref","tabIndex","style","display","size","onDragEnter","onDragLeave","onDragOver","onDrop","onClick","src","header","uploadButtonMultiple","uploadButtonSingle","label","orText","_e","dragAndDrop","_f","acceptedFiles","replace","_g","allFilesAccepted","_h","fileList","attachedFiles","_j","filesCount","_k","_l","key","editable","canEditName","onFileNameChange","onFileDelete","onFileCancel","_m","buttons","disabled","_o","confirm","includes","baseType","split","toLowerCase","endsWith","invalidFileType","validation","_FileUploader_isValidFile","push","fileValidationErrorCallback"],"sources":["src/components/file-uploader/file-uploader.scss?tag=gx-ide-file-uploader&encapsulation=shadow","src/components/file-uploader/file-uploader.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../global/temporary-mercury-overrides/_button.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n display: block;\n inline-size: 100%;\n block-size: 100%;\n padding-inline-end: 0 !important;\n}\n\n.file-uploader-dialog {\n display: flex;\n flex-direction: column;\n block-size: 100%;\n position: relative;\n\n .dialog-content {\n flex: 1;\n min-block-size: 0;\n overflow: auto;\n }\n\n .dialog-footer {\n padding-inline-end: var(--spacing-body-inline-end);\n }\n}\n\n.file-uploader {\n display: flex;\n flex-direction: column;\n inline-size: 100%;\n block-size: 100%;\n\n &__list {\n display: flex;\n flex-direction: column;\n inline-size: 100%;\n block-size: 100%;\n\n &-header {\n position: sticky;\n top: 0;\n z-index: 1;\n background-color: var(--color-accent-surface-elevation-1);\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-inline-end: var(--spacing-body-inline-end);\n }\n\n &-content {\n flex: 1;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-gap-m);\n padding-inline-end: var(--spacing-body-inline-end);\n padding-block-end: 16px;\n }\n }\n\n &__list-title-container {\n display: flex;\n align-items: center;\n gap: var(--spacing-gap-xs);\n white-space: nowrap;\n }\n\n &__drop-zone {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n inline-size: calc(100% - var(--spacing-body-inline-end));\n block-size: calc(100% - 12px);\n min-block-size: 200px;\n margin-block-end: 12px;\n background: var(--color-accent-surface-elevation-1);\n border: 2px dashed var(--color-border-neutral-default);\n border-radius: 8px;\n transition:\n border-color 0.3s ease,\n background-color 0.3s ease,\n opacity 0.3s ease;\n\n &--dragging {\n border-color: var(--color-accent-primary-default);\n background: var(--color-accent-primary-hover);\n opacity: 0.7;\n }\n\n .text-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--spacing-gap-xs);\n margin-block-start: 8px;\n }\n }\n}\n\n.hidden-input {\n display: none;\n}\n\n.label-primary-row {\n display: flex;\n align-items: center;\n gap: var(--spacing-gap-m);\n}\n","/* eslint-disable @stencil-community/own-methods-must-be-private */\n/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n State,\n Method\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { UploadedFile, FileUploadState, UploadResult } from \"./types\";\n\nconst PLUS_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"add\",\n colorType: \"primary\"\n});\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/button\",\n \"components/icon\",\n \"components/list-box\",\n \"components/edit\",\n \"utils/typography\",\n \"utils/spacing\",\n \"utils/form\",\n \"utils/layout\",\n \"utils/elevation\",\n \"chameleon/scrollbar\"\n];\n\ntype FileValidationResult = {\n isValid: boolean;\n error?: string;\n};\n\n@Component({\n tag: \"gx-ide-file-uploader\",\n styleUrl: \"file-uploader.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/file-uploader\"]\n})\nexport class FileUploader {\n #_componentLocale: any;\n #fileInputEl!: HTMLInputElement;\n\n @Element() el!: HTMLGxIdeFileUploaderElement;\n\n /** Allowed file types/extensions (e.g. ['.jpg', '.png', 'image/*', 'application/pdf']) */\n @Prop() readonly types?: string[] = [];\n\n /** Whether multiple files can be selected */\n @Prop() readonly multiple: boolean = false;\n\n /** Whether file names can be edited */\n @Prop() readonly canEditName: boolean = false;\n\n /** Label to display in the uploader dialog */\n @Prop() readonly label?: string;\n\n /** Function to handle file upload */\n @Prop() readonly uploadFunction!: (\n file: File,\n progressCallback: (progress: number) => void\n ) => Promise<UploadResult>;\n\n /** Function to cancel file upload */\n @Prop() readonly cancelUploadFunction?: (fileId: string) => Promise<void>;\n\n /** Callback when a file is uploaded successfully */\n @Prop() readonly fileUploadedCallback?: (file: UploadedFile) => Promise<void>;\n\n /** Callback when the dialog is canceled */\n @Prop() readonly dialogCanceledCallback?: () => Promise<void>;\n\n /** Callback when the dialog is confirmed with files */\n @Prop() readonly dialogConfirmedCallback?: (\n files: UploadedFile[]\n ) => Promise<void>;\n\n /** Callback when upload is cancelled */\n @Prop() readonly uploadCancelledCallback?: (fileId: string) => Promise<void>;\n\n /** Callback when file is renamed */\n @Prop() readonly fileRenamedCallback?: (data: {\n fileId: string;\n newName: string;\n }) => Promise<void>;\n\n /** Callback when a file validation error occurs */\n @Prop() readonly fileValidationErrorCallback?: (data: {\n fileName: string;\n error: string;\n }) => Promise<void>;\n\n /** Callback when a file deletion error occurs */\n @Prop() readonly fileDeletionErrorCallback?: (data: {\n fileName: string;\n error: string;\n }) => Promise<void>;\n\n /** Callback when a file is deleted */\n @Prop() readonly fileDeletedCallback?: (file: UploadedFile) => Promise<void>;\n\n /** Callback before deleting a file to get confirmation */\n @Prop() readonly onBeforeDelete?: (file: UploadedFile) => Promise<boolean>;\n\n @State() private fileStates: Map<string, FileUploadState> = new Map();\n @State() private isDragging: boolean = false;\n #dragCounter = 0;\n\n /** Initializes component with locale strings */\n async componentWillLoad() {\n this.#_componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n /** Generates a unique ID for file identification */\n #generateId = (): string => {\n return Math.random().toString(36).substr(2, 9);\n };\n\n /** Validates if a file matches the allowed types */\n #isValidFile(file: File): FileValidationResult {\n // If no types specified, accept any file\n if (!this.types || this.types.length === 0) {\n return { isValid: true };\n }\n\n for (const type of this.types) {\n // Handle wildcards like 'image/*'\n if (type.includes(\"/*\")) {\n const baseType = type.split(\"/\")[0];\n if (file.type.startsWith(baseType)) {\n return { isValid: true };\n }\n }\n // Handle extensions like '.jpg'\n else if (type.startsWith(\".\")) {\n if (file.name.toLowerCase().endsWith(type.toLowerCase())) {\n return { isValid: true };\n }\n }\n // Handle specific MIME types\n else if (file.type === type || file.type === `application/${type}`) {\n return { isValid: true };\n }\n }\n\n return {\n isValid: false,\n error:\n this.#_componentLocale?.errors?.invalidFileType || \"Invalid file type\"\n };\n }\n\n /** Filters valid files from a FileList */\n #getValidFiles(files: FileList): File[] {\n const validFiles: File[] = [];\n\n Array.from(files).forEach(file => {\n const validation = this.#isValidFile(file);\n if (validation.isValid) {\n validFiles.push(file);\n } else {\n this.fileValidationErrorCallback?.({\n fileName: file.name,\n error: validation.error\n });\n }\n });\n\n return validFiles;\n }\n\n /** Handles drag enter event */\n #handleDragEnter = (e: DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n this.#dragCounter++;\n this.isDragging = true;\n };\n\n /** Handles drag leave event */\n #handleDragLeave = (e: DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n this.#dragCounter--;\n if (this.#dragCounter === 0) {\n this.isDragging = false;\n }\n };\n\n /** Handles drag over event */\n #handleDragOver = (e: DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n };\n\n /** Handles drop event */\n #handleDrop = (e: DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n this.isDragging = false;\n this.#dragCounter = 0;\n\n const files = e.dataTransfer?.files;\n if (files) {\n this.#handleFiles(files);\n }\n };\n\n /** Triggers file input click */\n #handleFileSelect = () => {\n this.#fileInputEl?.click();\n };\n\n /** Handles file input change event */\n #handleFileInput = (e: Event) => {\n const files = (e.target as HTMLInputElement).files;\n if (files) {\n this.#handleFiles(files);\n }\n };\n\n /** Processes files and starts upload */\n #handleFiles = (files: FileList) => {\n const validFiles: File[] = this.#getValidFiles(files);\n\n validFiles.forEach(async file => {\n const id = this.#generateId();\n const fileState: FileUploadState = {\n id,\n name: file.name,\n file,\n pending: true,\n progress: 0\n };\n\n if (!this.multiple) {\n this.fileStates.clear();\n }\n\n this.fileStates = new Map(this.fileStates.set(id, fileState));\n\n if (this.uploadFunction) {\n try {\n const uploadPromise = this.uploadFunction(file, progress => {\n const state = this.fileStates.get(id);\n if (state) {\n const updatedState = {\n ...state,\n progress: progress,\n pending: progress < 100\n };\n this.fileStates = new Map(this.fileStates.set(id, updatedState));\n }\n });\n\n // Store the upload promise/object for potential cancellation\n const stateWithPromise = {\n ...this.fileStates.get(id),\n uploadPromise\n };\n this.fileStates = new Map(this.fileStates.set(id, stateWithPromise));\n\n const result = await uploadPromise;\n\n const state = this.fileStates.get(id);\n if (state) {\n if (result.success && result.remoteId) {\n const updatedState = {\n ...state,\n remoteId: result.remoteId,\n pending: false,\n progress: 100\n };\n this.fileStates = new Map(this.fileStates.set(id, updatedState));\n\n await this.fileUploadedCallback?.({\n name: state.name,\n originalName: state.file.name,\n remoteId: result.remoteId\n });\n } else {\n const updatedState = {\n ...state,\n error: result.errors?.upload || \"Upload failed\",\n pending: false\n };\n this.fileStates = new Map(this.fileStates.set(id, updatedState));\n }\n }\n } catch (error) {\n const state = this.fileStates.get(id);\n if (state) {\n const updatedState = {\n ...state,\n error:\n error instanceof Error\n ? error.message\n : \"Unknown error occurred\",\n pending: false\n };\n this.fileStates = new Map(this.fileStates.set(id, updatedState));\n }\n }\n }\n });\n\n if (this.#fileInputEl) {\n this.#fileInputEl.value = \"\";\n }\n };\n\n /** Handles file name change */\n #handleNameChange = async (\n event: CustomEvent<{ id: string; name: string }>\n ) => {\n const { id, name } = event.detail;\n const file = this.fileStates.get(id);\n\n if (file) {\n const updatedFile = {\n ...file,\n name: name.trim(),\n isEditing: false\n };\n\n this.fileStates = new Map(this.fileStates.set(id, updatedFile));\n await this.fileRenamedCallback?.({ fileId: id, newName: name.trim() });\n }\n };\n\n /** Handles individual file cancellation or deletion */\n #handleFileCancel = async (event: CustomEvent<string>) => {\n const id = event.detail;\n const state = this.fileStates.get(id);\n if (state) {\n try {\n if (state.pending) {\n // Cancel upload in progress\n if (\n state.uploadPromise &&\n typeof state.uploadPromise.cancel === \"function\"\n ) {\n state.uploadPromise.cancel();\n } else if (this.cancelUploadFunction) {\n await this.cancelUploadFunction(id);\n }\n\n await this.uploadCancelledCallback?.(id);\n\n this.fileStates.delete(id);\n this.fileStates = new Map(this.fileStates);\n } else {\n const fileToDelete: UploadedFile = {\n name: state.name,\n originalName: state.file.name,\n remoteId: state.remoteId\n };\n\n const shouldDelete = await this.onBeforeDelete?.(fileToDelete);\n\n if (shouldDelete) {\n await this.fileDeletedCallback?.(fileToDelete);\n this.fileStates.delete(id);\n this.fileStates = new Map(this.fileStates);\n }\n }\n } catch (error) {\n await this.fileDeletionErrorCallback?.({\n fileName: state.name,\n error:\n error instanceof Error ? error.message : \"Unknown error occurred\"\n });\n }\n }\n };\n\n /** Handles dialog confirmation */\n #handleConfirm = async () => {\n // Verificar si hay subidas en progreso\n const hasPendingUploads = Array.from(this.fileStates.values()).some(\n file => file.pending\n );\n\n if (hasPendingUploads) {\n return; // No permitir confirmar si hay subidas en progreso\n }\n\n // Obtener todos los archivos que están completamente subidos\n const uploadedFiles: UploadedFile[] = Array.from(this.fileStates.values())\n .filter(file => {\n const isValid = !file.pending && file.remoteId && !file.error;\n return isValid;\n })\n .map(file => ({\n name: file.name,\n originalName: file.file.name,\n remoteId: file.remoteId as string\n }));\n\n if (uploadedFiles.length > 0) {\n await this.dialogConfirmedCallback?.(uploadedFiles);\n }\n\n // Clear file states\n this.fileStates.clear();\n this.fileStates = new Map();\n\n // Reset file input\n if (this.#fileInputEl) {\n this.#fileInputEl.value = \"\";\n }\n };\n\n /** Handles dialog cancellation */\n #handleCancel = async () => {\n try {\n // Cancelamos todas las subidas en progreso\n for (const [id, state] of this.fileStates.entries()) {\n if (state.pending && this.cancelUploadFunction) {\n try {\n await this.cancelUploadFunction(id);\n await this.uploadCancelledCallback?.(id);\n } catch (error) {\n // Error handling for upload cancellation\n }\n }\n }\n\n // Limpiamos todos los estados\n this.fileStates.clear();\n this.fileStates = new Map();\n\n if (this.#fileInputEl) {\n this.#fileInputEl.value = \"\";\n }\n\n await this.dialogCanceledCallback?.();\n } catch (error) {\n this.fileStates.clear();\n this.fileStates = new Map();\n await this.dialogCanceledCallback?.();\n }\n };\n\n /** Clears the current file selection */\n @Method()\n async clear() {\n for (const [id, state] of this.fileStates.entries()) {\n if (state.pending && this.cancelUploadFunction) {\n try {\n await this.cancelUploadFunction(id);\n await this.uploadCancelledCallback?.(id);\n } catch (error) {\n // Error handling for upload cancellation\n }\n }\n }\n this.fileStates.clear();\n }\n\n render() {\n return (\n <Host class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <input\n type=\"file\"\n class=\"hidden-input\"\n multiple={this.multiple}\n accept={this.types\n ?.map(type => (type.startsWith(\".\") ? type : `.${type}`))\n .join(\",\")}\n onChange={this.#handleFileInput}\n ref={el => (this.#fileInputEl = el as HTMLInputElement)}\n aria-hidden=\"true\"\n tabIndex={-1}\n style={{ display: \"none\" }}\n />\n <div class=\"file-uploader-dialog\">\n <div class=\"dialog-content\">\n {this.isDragging || this.fileStates.size === 0 ? (\n <div\n class={{\n \"file-uploader__drop-zone\": true,\n \"file-uploader__drop-zone--dragging\": this.isDragging\n }}\n onDragEnter={this.#handleDragEnter}\n onDragLeave={this.#handleDragLeave}\n onDragOver={this.#handleDragOver}\n onDrop={this.#handleDrop}\n >\n <button\n class=\"button-tertiary button-icon-and-text\"\n type=\"button\"\n onClick={this.#handleFileSelect}\n >\n <ch-image class=\"icon-m\" src={PLUS_ICON}></ch-image>\n <label class=\"label\">\n {this.multiple\n ? this.#_componentLocale?.header.uploadButtonMultiple\n : this.#_componentLocale?.header.uploadButtonSingle}\n </label>\n </button>\n <div class=\"text-container\">\n <div class=\"label-primary-row\">\n <label class=\"label\">\n {this.label || this.#_componentLocale?.header.orText}\n </label>\n <label class=\"label\">\n {this.#_componentLocale?.header.dragAndDrop}\n </label>\n </div>\n <span class=\"caption\">\n {this.types && this.types.length > 0\n ? this.#_componentLocale?.header.acceptedFiles.replace(\n \"{0}\",\n this.types.join(\", \")\n )\n : this.#_componentLocale?.header.allFilesAccepted}\n </span>\n </div>\n </div>\n ) : (\n <div class=\"file-uploader__list\">\n <div class=\"file-uploader__list-header spacing-body-block-end\">\n <div class=\"file-uploader__list-title-container\">\n <label class=\"label\">\n {this.label ||\n this.#_componentLocale?.fileList.attachedFiles}\n </label>\n <span class=\"caption\">\n {this.#_componentLocale?.fileList.filesCount.replace(\n \"{0}\",\n this.fileStates.size.toString()\n )}\n </span>\n </div>\n {this.multiple && (\n <button\n class=\"button-tertiary button-icon-and-text\"\n type=\"button\"\n onClick={this.#handleFileSelect}\n >\n <ch-image class=\"icon-m\" src={PLUS_ICON}></ch-image>\n <label class=\"label\">\n {this.multiple\n ? this.#_componentLocale?.header.uploadButtonMultiple\n : this.#_componentLocale?.header.uploadButtonSingle}\n </label>\n </button>\n )}\n </div>\n <div class=\"file-uploader__list-content scrollable\">\n {Array.from(this.fileStates.values()).map(file => (\n <gx-ide-file-item\n key={file.id}\n file={file}\n editable={this.canEditName}\n onFileNameChange={this.#handleNameChange}\n onFileDelete={this.#handleFileCancel}\n onFileCancel={this.#handleFileCancel}\n />\n ))}\n </div>\n </div>\n )}\n </div>\n <div class=\"dialog-footer dialog-footer dialog-footer-with-border\">\n <div class=\"buttons-spacer\">\n <button\n class=\"button-secondary\"\n type=\"button\"\n onClick={this.#handleCancel}\n >\n {this.#_componentLocale?.buttons.cancel}\n </button>\n <button\n class=\"button-primary\"\n type=\"button\"\n onClick={this.#handleConfirm}\n disabled={\n this.fileStates.size === 0 ||\n Array.from(this.fileStates.values()).some(\n file => file.pending\n )\n }\n >\n {this.#_componentLocale?.buttons.confirm}\n </button>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}