@genexus/genexus-ide-ui 1.1.3 → 1.1.5

package/dist/genexus-ide-ui/gx-ide-assets/chat-welcome/images/ai-avatar.svg

@@ -0,0 +1,11 @@
+<svg width="26" height="27" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="1" width="25" height="25" rx="12.5" stroke="url(#paint0_linear_738_366)" stroke-opacity="0.9"/>
+<circle cx="12.9999" cy="13.4999" r="10.1122" fill="#5BA7FF"/>
+<path d="M11.3364 9.82021C11.6747 8.83021 13.0426 8.80023 13.4437 9.73026L13.4776 9.82077L13.9341 11.1559C14.0388 11.462 14.2078 11.7422 14.4299 11.9775C14.652 12.2128 14.922 12.3977 15.2217 12.5198L15.3444 12.5656L16.6795 13.0216C17.6695 13.3599 17.6995 14.7278 16.77 15.1289L16.6795 15.1628L15.3444 15.6193C15.0382 15.7239 14.7579 15.8929 14.5225 16.115C14.2871 16.3372 14.1021 16.6072 13.98 16.9069L13.9341 17.0291L13.4782 18.3647C13.1399 19.3547 11.772 19.3847 11.3714 18.4552L11.3364 18.3647L10.8804 17.0296C10.7759 16.7234 10.6068 16.4431 10.3847 16.2077C10.1626 15.9723 9.89256 15.7873 9.59285 15.6651L9.47066 15.6193L8.13557 15.1634C7.14501 14.8251 7.11503 13.4572 8.04506 13.0566L8.13557 13.0216L9.47066 12.5656C9.77684 12.461 10.057 12.2919 10.2923 12.0698C10.5276 11.8477 10.7125 11.5777 10.8346 11.278L10.8804 11.1559L11.3364 9.82021ZM16.933 7.86963C17.0388 7.86963 17.1425 7.89932 17.2323 7.95532C17.3221 8.01132 17.3944 8.09139 17.441 8.18643L17.4681 8.25262L17.6661 8.83304L18.2471 9.03104C18.3532 9.06707 18.4462 9.13378 18.5143 9.22271C18.5824 9.31164 18.6226 9.41879 18.6297 9.53057C18.6368 9.64236 18.6107 9.75375 18.5544 9.85063C18.4982 9.94752 18.4145 10.0255 18.3139 10.0748L18.2471 10.1019L17.6667 10.2999L17.4687 10.8809C17.4326 10.9869 17.3658 11.0799 17.2769 11.1479C17.1879 11.216 17.0808 11.2561 16.969 11.2632C16.8572 11.2703 16.7458 11.244 16.649 11.1877C16.5521 11.1315 16.4742 11.0477 16.425 10.9471L16.3978 10.8809L16.1998 10.3005L15.6188 10.1025C15.5128 10.0665 15.4198 9.99975 15.3517 9.91082C15.2836 9.82189 15.2434 9.71475 15.2362 9.60296C15.2291 9.49117 15.2553 9.37978 15.3115 9.2829C15.3677 9.18602 15.4515 9.10801 15.5521 9.05876L15.6188 9.0316L16.1992 8.8336L16.3972 8.25262C16.4354 8.14085 16.5076 8.04382 16.6036 7.97513C16.6997 7.90645 16.8149 7.86956 16.933 7.86963Z" fill="#1C6AC7"/>
+<defs>
+<linearGradient id="paint0_linear_738_366" x1="34.4783" y1="5.02174" x2="13" y2="26.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#CF7AFF"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/genexus-ide-ui/gx-ide-assets/chat-welcome/images/header-illustration.svg

@@ -0,0 +1,24 @@
+<svg width="446" height="234" viewBox="0 0 446 234" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_311_13145)">
+<ellipse cx="397.016" cy="83.8918" rx="60.3657" ry="58.9125" fill="url(#paint0_linear_311_13145)" fill-opacity="0.6"/>
+<ellipse cx="102.28" cy="103.703" rx="102.28" ry="103.703" transform="matrix(0.474261 0.880384 -0.889726 0.456494 155.142 -140.581)" fill="url(#paint1_linear_311_13145)" fill-opacity="0.5"/>
+<path d="M388.876 20.3603C390.349 21.6813 391.006 23.6881 390.598 25.6246L381.772 67.5732C381.364 69.5095 379.955 71.0814 378.074 71.6968L337.33 85.0292C335.449 85.6445 333.383 85.2099 331.91 83.889L299.993 55.2725C298.519 53.9515 297.863 51.9448 298.27 50.0083L307.097 8.05961C307.504 6.12331 308.914 4.55144 310.794 3.93607L351.539 -9.39632C353.419 -10.0117 355.485 -9.57706 356.959 -8.25616L388.876 20.3603Z" fill="url(#paint2_linear_311_13145)" fill-opacity="0.6"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_311_13145" x1="379.841" y1="142.804" x2="437.267" y2="-41.2632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#7945AA"/>
+</linearGradient>
+<linearGradient id="paint1_linear_311_13145" x1="73.1795" y1="207.405" x2="177.465" y2="-114.341" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint2_linear_311_13145" x1="293.253" y1="39.8168" x2="454.135" y2="38.7216" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#7945AA"/>
+</linearGradient>
+<clipPath id="clip0_311_13145">
+<rect width="514" height="234" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/genexus-ide-ui/gx-ide-assets/chat-welcome/langs/chat-welcome.lang.en.json

@@ -0,0 +1,10 @@
+{
+  "componentName": "Chat Container",
+  "welcomeTitle": "Hello!\nI'm Nexa",
+  "welcomeGreeting": "Hey there! I’m your Next Assistant, you can use me for transactions, etc. I'm here to help you organize your knowledge. Ask me anything about your documents.",
+  "suggestedPrompts": [
+    "How do I make a transaction?",
+    "How do I generate a new entity?"
+  ],
+  "inputPlaceholder": "I need..."
+}

package/dist/genexus-ide-ui/gx-ide-assets/chat-welcome/langs/chat-welcome.lang.ja.json

@@ -0,0 +1,10 @@
+{
+  "componentName": "Chat Container",
+  "welcomeTitle": "Hello!\nI'm Nexa",
+  "welcomeGreeting": "Hey there! I’m your Next Assistant, you can use me for transactions, etc. I'm here to help you organize your knowledge. Ask me anything about your documents.",
+  "suggestedPrompts": [
+    "How do I make a transaction?",
+    "How do I generate a new entity?"
+  ],
+  "inputPlaceholder": "I need..."
+}

package/dist/genexus-ide-ui/gx-ide-assets/chat-welcome/langs/chat-welcome.lang.zh.json

@@ -0,0 +1,10 @@
+{
+  "componentName": "Chat Container",
+  "welcomeTitle": "Hello!\nI'm Nexa",
+  "welcomeGreeting": "Hey there! I’m your Next Assistant, you can use me for transactions, etc. I'm here to help you organize your knowledge. Ask me anything about your documents.",
+  "suggestedPrompts": [
+    "How do I make a transaction?",
+    "How do I generate a new entity?"
+  ],
+  "inputPlaceholder": "I need..."
+}

package/dist/genexus-ide-ui/index.esm.js

@@ -1,8 +1,8 @@
-export { m as mercuryChatMessageRender, a as mercuryCodeRender } from "./p-be8a59fd.js";
+export { m as mercuryChatMessageRender, a as mercuryCodeRender } from "./p-3edbf07d.js";
 
 import "./p-25a9f1d7.js";
 
-import "./p-5ac47c69.js";
+import "./p-48f5911b.js";
 
 // Add types from Chameleon, without importing any JS in the final bundle.
 // Don't use 'import "@genexus/chameleon-controls-library"'

package/dist/genexus-ide-ui/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["import"],"sources":["src/index.ts"],"sourcesContent":["export * from \"./components\";\n\n// Add types from Chameleon, without importing any JS in the final bundle.\n// Don't use 'import \"@genexus/chameleon-controls-library\"'\ntypeof import(\"@genexus/chameleon-controls-library/dist/types/index\");\nexport {\n  mercuryChatMessageRender,\n  mercuryCodeRender\n} from \"./components/_helpers/chat-container/code-render\"; // for ch-chat\n"],"mappings":";;;;;;;;OAIOA,OAAO"}
+{"version":3,"names":["import"],"sources":["src/index.ts"],"sourcesContent":["export * from \"./components\";\n\n// Add types from Chameleon, without importing any JS in the final bundle.\n// Don't use 'import \"@genexus/chameleon-controls-library\"'\ntypeof import(\"@genexus/chameleon-controls-library/dist/types/index\");\nexport {\n  mercuryChatMessageRender,\n  mercuryCodeRender\n} from \"./components/chat/code-render\"; // for ch-chat\n"],"mappings":";;;;;;;;OAIOA,OAAO"}

package/dist/genexus-ide-ui/{p-59ed3f39.entry.js → p-02fc47cd.entry.js}

@@ -2,7 +2,7 @@ import { r as e, c as t, h as r, H as a, a as o } from "./p-25a9f1d7.js";
 
 import { c as i } from "./p-13738332.js";
 
-import { L as s } from "./p-311eedf3.js";
+import { L as s } from "./p-857866f8.js";
 
 import { r as l } from "./p-8c0b4d9f.js";
 
@@ -23,7 +23,7 @@ const objectsToListItemData = e => {
   return t;
 };
 
-const n = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.control-wrapper{display:flex;gap:var(--mer-spacing--xs);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--mer-spacing--xs)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:var(--mer-border__width--sm) solid var(--mer-border-color__dim);border-radius:var(--mer-border__width--lg);height:26px;color:var(--mer-text__bright);font-size:var(--mer-font__size--xxs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--gx-ide-grid-column-gap)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
+const n = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.control-wrapper{display:flex;gap:var(--mer-spacing--xs);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--mer-spacing--xs)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:var(--mer-border__width--sm) solid var(--mer-border-color__dim);border-radius:var(--mer-border__width--lg);height:26px;color:var(--mer-text__bright);font-size:var(--mer-font__size--xxs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--gx-ide-grid-column-gap)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
 
 const c = class {
   constructor(r) {
@@ -157,4 +157,4 @@ const c = class {
 c.style = n;
 
 export { c as gx_ide_bpm_objects_selector };
-//# sourceMappingURL=p-59ed3f39.entry.js.map
+//# sourceMappingURL=p-02fc47cd.entry.js.map

package/dist/genexus-ide-ui/{p-530c32aa.entry.js → p-032b4a81.entry.js}

@@ -1,14 +1,12 @@
 import { r as t, c as e, g as s, h as i, H as n, a } from "./p-25a9f1d7.js";
 
-import { g as o } from "./p-6e4208d8.js";
-
-import "./p-5ac47c69.js";
+import { g as o } from "./p-ede7bd20.js";
 
 import { c as r } from "./p-13738332.js";
 
-import { v as l } from "./p-289c3290.js";
+import { v as l } from "./p-549b8f0c.js";
 
-import { L as c } from "./p-311eedf3.js";
+import { L as c } from "./p-857866f8.js";
 
 const h = ":host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}header{display:grid;grid-template-rows:max-content;grid-template-columns:1fr 1fr max-content}.button-change{align-self:center;justify-self:end}.main{display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr max-content max-content}.search-kbs{inline-size:50%}.versions-container{grid-auto-rows:max-content}.versions-container__input{display:grid;grid-template-columns:1fr max-content;gap:var(--mer-spacing--xs)}";
 
@@ -25,7 +23,7 @@ var f = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, n)
   return i === "a" ? n.call(t, s) : n ? n.value = s : e.set(t, s), s;
 };
 
-var p, u, m, b, g, v, w, y, k, x, M, W, j, T, _;
+var p, u, m, b, g, w, v, y, k, x, M, W, T, j, _;
 
 const E = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/list-box", "components/tooltip", "chameleon/scrollbar" ];
 
@@ -51,8 +49,8 @@ const C = class {
         b.set(this, false);
     g.set(this, s(`./gx-ide-assets/create-kb-from-server/shortcuts.json`));
     // #selectedKbId: string;
-        v.set(this, void 0);
-    w.set(this, void 0);
+        w.set(this, void 0);
+    v.set(this, void 0);
     y.set(this, (() => {
       this.cancelCallback();
     }));
@@ -78,19 +76,16 @@ const C = class {
     }));
     // TODO: evaluate if this should be a global helper function.
     // It is used on other dialogs as well.
-        M.set(this, (t => {
-      var e, s, n;
-      return ((s = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((n = this.validatableControls.get(t.id)) === null || n === void 0 ? void 0 : n.message) && i("ch-tooltip", {
-        class: "tooltip",
-        actionElement: t,
-        blockAlign: r.tooltipSettings.blockAlign,
-        inlineAlign: r.tooltipSettings.inlineAlign,
-        delay: r.tooltipSettings.delay
-      }, this.validatableControls.get(t.id).message);
-    }));
+        M.set(this, (t => this.validatableControls?.get(t?.id)?.hasError && this.validatableControls.get(t.id)?.message && i("ch-tooltip", {
+      class: "tooltip",
+      actionElement: t,
+      blockAlign: r.tooltipSettings.blockAlign,
+      inlineAlign: r.tooltipSettings.inlineAlign,
+      delay: r.tooltipSettings.delay
+    }, this.validatableControls.get(t.id).message)));
     W.set(this, (() => {
       // populate validatableControls with the controls that could have errors.
-      const t = [ d(this, w, "f") ];
+      const t = [ d(this, v, "f") ];
       t.forEach((t => {
         if (t.id) {
           this.validatableControls.set(t.id, {
@@ -101,7 +96,7 @@ const C = class {
         }
       }));
     }));
-    j.set(this, (t => {
+    T.set(this, (t => {
       this.kbName = t.detail;
     }));
     // #selectedVersionHandler = async () => {
@@ -118,7 +113,7 @@ const C = class {
     //     });
     //   }
     // };
-        T.set(this, (t => {
+        j.set(this, (t => {
       this.versionSelectedType = t.detail;
     }));
     _.set(this, (() => {
@@ -152,7 +147,7 @@ const C = class {
     this.selectKBVersionsCallback = undefined;
   }
   componentDidLoad() {
-    this.versionSelectedType = d(this, v, "f").value;
+    this.versionSelectedType = d(this, w, "f").value;
     d(this, W, "f").call(this);
   }
   componentDidRender() {
@@ -199,17 +194,17 @@ const C = class {
       class: "input",
       id: "kb-name",
       value: this.kbName,
-      onInput: d(this, j, "f"),
+      onInput: d(this, T, "f"),
       placeholder: d(this, m, "f").kb.localKbNamePlaceholder,
-      ref: t => f(this, w, t, "f")
-    }), d(this, M, "f").call(this, d(this, w, "f"))), i("div", {
+      ref: t => f(this, v, t, "f")
+    }), d(this, M, "f").call(this, d(this, v, "f"))), i("div", {
       class: "versions-container field-group"
     }, i("ch-radio-group-render", {
       class: "radio-group",
       model: d(this, u, "f"),
-      onChange: d(this, T, "f"),
+      onChange: d(this, j, "f"),
       value: d(this, u, "f")[0].value,
-      ref: t => f(this, v, t, "f")
+      ref: t => f(this, w, t, "f")
     }), this.versionSelectedType === "Select" && i("div", {
       class: "versions-container__item field-group"
     }, i("div", {
@@ -242,10 +237,10 @@ const C = class {
 };
 
 p = new WeakMap, u = new WeakMap, m = new WeakMap, b = new WeakMap, g = new WeakMap, 
-v = new WeakMap, w = new WeakMap, y = new WeakMap, k = new WeakMap, x = new WeakMap, 
-M = new WeakMap, W = new WeakMap, j = new WeakMap, T = new WeakMap, _ = new WeakMap;
+w = new WeakMap, v = new WeakMap, y = new WeakMap, k = new WeakMap, x = new WeakMap, 
+M = new WeakMap, W = new WeakMap, T = new WeakMap, j = new WeakMap, _ = new WeakMap;
 
 C.style = h;
 
 export { C as gx_ide_share_kb };
-//# sourceMappingURL=p-530c32aa.entry.js.map
+//# sourceMappingURL=p-032b4a81.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["shareKbCss","CSS_BUNDLES","GxIdeShareKb","_GxIdeShareKb_showMoreIcon","set","this","getIconPath","category","name","colorType","_GxIdeShareKb_versionsSelect","value","caption","_GxIdeShareKb__componentLocale","_GxIdeShareKb_renderedFirstTime","_GxIdeShareKb_shortcutsSrc","getAssetPath","_GxIdeShareKb_versionSelectedTypeEl","_GxIdeShareKb_KBNameEl","_GxIdeShareKb_cancelHandler","cancelCallback","_GxIdeShareKb_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeShareKb_shareKBHandler","shareKBCallback","kbName","then","formSubmitResult","validatableControls","validateControls","_GxIdeShareKb_evaluateTooltipRender","controlReference","get","id","hasError","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeShareKb_initializeValidatableControls","__classPrivateFieldGet","forEach","validatableControl","reference","undefined","_GxIdeShareKb_kbNameInputHandler","event","detail","_GxIdeShareKb_versionsChangedHandler","versionSelectedType","_GxIdeShareKb_renderFooter","disableShareKbButton","length","onClick","part","footer","cancel","disabled","shareKB","Map","componentDidLoad","call","componentDidRender","componentDidRenderFirstTime","emit","componentName","__classPrivateFieldSet","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","src","ref","chShortcutsEl","header","user","change","htmlFor","kb","aliasLabel","onInput","placeholder","localKbNamePlaceholder","onChange","versionsLabel","readonly","enableSelectVersionsButton","versionsPlaceholder","versionsPlaceholderDisabled","versionsValueInput"],"sources":["src/components/team-dev/share-kb/share-kb.scss?tag=gx-ide-share-kb&encapsulation=shadow","src/components/team-dev/share-kb/share-kb.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n  display: grid;\n  grid-template-rows: max-content;\n  grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n  align-self: center;\n  justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: max-content 1fr max-content max-content;\n}\n\n.search-kbs {\n  inline-size: 50%;\n}\n\n.versions-container {\n  grid-auto-rows: max-content;\n\n  &__input {\n    display: grid;\n    grid-template-columns: 1fr max-content;\n    gap: var(--mer-spacing--xs);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  State,\n  getAssetPath\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../../common/config\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-share-kb\",\n  styleUrl: \"share-kb.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/share-kb\"]\n})\nexport class GxIdeShareKb {\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-elevation\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"Trunk\", caption: \"Trunk Version\" },\n    { value: \"All\", caption: \"All Versions\" }\n    // { value: \"Select\", caption: \"Select Version\" } TODO: display once \"gx-ide-select-kb-versions\" is ready.\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n  // uncomment #kbVersionsIds when versions selector is available\n  // #kbVersionsIds: string[] = [];\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  // #selectedKbId: string;\n\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeShareKbElement;\n\n  #KBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\n\n  /**\n   * String value to show the number of versions selected (\"N versions selected\")\n   */\n  @State() versionsValueInput: string = \"\";\n\n  /**\n   * Set of data required when executing any of the callbacks that require a connection to the server.\n   */\n  @Prop() readonly connectionData: GXServerConnectionData;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionData\n  ) => Promise<void>;\n\n  /**\n   * The name of the KB.\n   */\n  @Prop({ mutable: true }) kbName: string;\n\n  /**\n   * Callback that must be invoked when the Share button is pressed.\n   */\n  @Prop() readonly shareKBCallback: (\n    data: ShareKBData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  /**\n   * Emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  componentDidLoad() {\n    this.versionSelectedType = this.#versionSelectedTypeEl\n      .value as VersionOption;\n\n    this.#initializeValidatableControls();\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #changeConnectionHandler = async (): Promise<void> => {\n    this.changeConnectionCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    });\n  };\n\n  #shareKBHandler = async (): Promise<void> => {\n    // uncomment the following lines when versions selector is available\n    // if (this.versionSelectedType !== \"Select\") {\n    //   this.#kbVersionsIds = [];\n    // }\n    this.shareKBCallback({\n      name: this.kbName,\n      serverUrl: this.connectionData.serverUrl\n    }).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    });\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#KBNameEl];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #kbNameInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.kbName = event.detail as string;\n  };\n\n  // #selectedVersionHandler = async () => {\n  //   if (this.selectKBVersionsCallback) {\n  //     await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n  //       if (result?.length) {\n  //         this.versionsValueInput = result.length\n  //           .toString()\n  //           .concat(this.#_componentLocale.kb.versionSelectedFieldValue);\n  //         this.#kbVersionsIds = result.map(kbVersion =>\n  //           kbVersion.id.toString()\n  //         );\n  //       }\n  //     });\n  //   }\n  // };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n  };\n\n  #renderFooter = () => {\n    const disableShareKbButton = !this.kbName.length;\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end\">\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n            part=\"button button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // share kb button\n            class=\"button-primary\"\n            onClick={!disableShareKbButton && this.#shareKBHandler}\n            disabled={disableShareKbButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.shareKB}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#_componentLocale.header.serverUrl}\n              </label>\n              <p>{this.connectionData.serverUrl}</p>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">{this.#_componentLocale.header.user}</label>\n              <p>{this.connectionData.userName}</p>\n            </div>\n\n            <button\n              class=\"button-tertiary button-change\"\n              onClick={this.#changeConnectionHandler}\n            >\n              {this.#_componentLocale.header.change}\n            </button>\n          </header>\n\n          <section class=\"main field-group spacing-body\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"alias\">\n                {this.#_componentLocale.kb.aliasLabel}\n              </label>\n              <ch-edit\n                // alias\n                class=\"input\"\n                id=\"kb-name\"\n                value={this.kbName}\n                onInput={this.#kbNameInputHandler}\n                placeholder={this.#_componentLocale.kb.localKbNamePlaceholder}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#KBNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#KBNameEl)}\n            </div>\n\n            <div class=\"versions-container field-group\">\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#versionsChangedHandler}\n                value={this.#versionsSelect[0].value}\n                ref={el =>\n                  (this.#versionSelectedTypeEl =\n                    el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n\n              {this.versionSelectedType === \"Select\" && (\n                <div class=\"versions-container__item field-group\">\n                  <div class=\"field field-block\">\n                    <label class=\"label\" htmlFor=\"control-id-1\">\n                      {this.#_componentLocale.kb.versionsLabel}\n                    </label>\n                    <div class=\"versions-container__input\">\n                      <ch-edit\n                        class=\"input\"\n                        readonly\n                        placeholder={\n                          this.enableSelectVersionsButton\n                            ? this.#_componentLocale.kb.versionsPlaceholder\n                            : this.#_componentLocale.kb\n                                .versionsPlaceholderDisabled\n                        }\n                        value={this.versionsValueInput}\n                      ></ch-edit>\n                      <button\n                        class=\"button-tertiary button-icon-only\"\n                        // onClick={this.#selectedVersionHandler}\n                        disabled={!this.enableSelectVersionsButton}\n                      >\n                        <ch-image\n                          src={this.#showMoreIcon}\n                          class=\"icon-sm\"\n                        ></ch-image>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </section>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type KBVersion = {\n  id: number;\n  name: string;\n  type: VersionType;\n};\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\n\nexport type ShareKBData = {\n  name: string;\n  serverUrl: string;\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n\nexport type VersionType = \"Branch\" | \"Frozen\";\n"],"mappings":";;;;;;;;;;AAAA,MAAMA,IAAa;;;;;;;;;;;;;;;;;AC4BnB,MAAMC,IAA8B,EAClC,qBACA,oBACA,gBACA,oBACA,iBACA,uBACA,sBACA;;MASWC,IAAY;;;;IACvBC,EAAAC,IAAAC,MAAgBC,EAAY;MAC1BC,UAAU;MACVC,MAAM;MACNC,WAAW;;IAGbC,EAAAN,IAAAC,MAAyC,EACvC;MAAEM,OAAO;MAASC,SAAS;OAC3B;MAAED,OAAO;MAAOC,SAAS;;IAM3BC,EAAAT,IAAAC,WAAA;;;QAGAS,EAAAV,IAAAC,MAAqB;IACrBU,EAAAX,IAAAC,MAAgBW,EACd;;QAIFC,EAAAb,IAAAC,WAAA;IAIAa,EAAAd,IAAAC,WAAA;IAgFAc,EAAAf,IAAAC,OAAiB;MACfA,KAAKe;AAAgB;IAGvBC,EAAAjB,IAAAC,OAA2BiB;MACzBjB,KAAKkB,yBAAyB;QAC5BC,oBAAoBnB,KAAKoB,eAAeD;QACxCE,WAAWrB,KAAKoB,eAAeC;QAC/BC,UAAUtB,KAAKoB,eAAeE;QAC9BC,cAAcvB,KAAKoB,eAAeG;;AAClC;IAGJC,EAAAzB,IAAAC,OAAkBiB;;;;;MAKhBjB,KAAKyB,gBAAgB;QACnBtB,MAAMH,KAAK0B;QACXL,WAAWrB,KAAKoB,eAAeC;SAC9BM,MAAMC;QACP5B,KAAK6B,sBAAsBC,EACzBF,GACA5B,KAAK6B;AACN;AACD;;;QAKJE,EAAAhC,IAAAC,OACEgC,KAEAhC,KAAK6B,qBAAqBI,IAAID,GAAkBE,KAAKC,YACrDnC,KAAK6B,oBAAoBI,IAAID,EAAiBE,KAAKE,WACjDC,EAAA;MACEC,OAAM;MACNC,eAAeP;MACfQ,YAAYC,EAAOC,gBAAgBF;MACnCG,aAAaF,EAAOC,gBAAgBC;MACpCC,OAAOH,EAAOC,gBAAgBE;OAE7B5C,KAAK6B,oBAAoBI,IAAID,EAAiBE,IAAIE;IAIzDS,EAAA9C,IAAAC,OAAiC;;MAE/B,MAAM6B,IAAqC,EAACiB,EAAA9C,MAAIa,GAAA;MAChDgB,EAAoBkB,SAAQC;QAC1B,IAAIA,EAAmBd,IAAI;UACzBlC,KAAK6B,oBAAoB9B,IAAIiD,EAAmBd,IAAI;YAClDe,WAAWD;YACXb,UAAU;YACVC,SAASc;;;;AAGb;IAGJC,EAAApD,IAAAC,OAAuBoD;MACrBpD,KAAK0B,SAAS0B,EAAMC;AAAgB;;;;;;;;;;;;;;;QAkBtCC,EAAAvD,IAAAC,OAA2BoD;MACzBpD,KAAKuD,sBAAsBH,EAAMC;AAAuB;IAG1DG,EAAAzD,IAAAC,OAAgB;MACd,MAAMyD,KAAwBzD,KAAK0B,OAAOgC;MAC1C,OACErB,EAAA;QAAQC,OAAM;SACZD,EAAA;QAAKC,OAAM;SACTD,EAAA;;QAEEC,OAAM;QACNqB,SAASb,EAAA9C,MAAIc,GAAA;QACb8C,MAAK;SAEJd,EAAA9C,MAAIQ,GAAA,KAAmBqD,OAAOC,SAGjCzB,EAAA;;QAEEC,OAAM;QACNqB,UAAUF,KAAwBX,EAAA9C,MAAIwB,GAAA;QACtCuC,UAAUN;QACVG,MAAK;SAEJd,EAAA9C,MAAIQ,GAAA,KAAmBqD,OAAOG;AAG5B;sCAvLkC;+BAEhB,IAAIC;;8BAUG;;;;;;;;EA2CtC,gBAAAC;IACElE,KAAKuD,sBAAsBT,EAAA9C,MAAIY,GAAA,KAC5BN;IAEHwC,EAAA9C,MAAI6C,GAAA,KAA+BsB,KAAnCnE;;EAGF,kBAAAoE;IACE,KAAKtB,EAAA9C,MAAIS,GAAA,MAAqB;MAC5BT,KAAKqE,4BAA4BC,KAC/BxB,EAAA9C,MAAIQ,GAAA,KAAmB+D;MAEzBC,EAAAxE,MAAIS,GAAsB,MAAI;;;EAIlC,uBAAMgE;IACJD,EAAAxE,MAAIQ,SAA2BkE,EAAOC,oBAAoB3E,KAAK4E,KAAG;;EAmHpE,MAAAC;IACE,OACExC,EAACyC,GAAI;MAACxC,OAAM;OACVD,EAAA;MAAU0C,OAAOnF;QACjByC,EAAA;MACE2C,KAAKlC,EAAA9C,MAAIU,GAAA;MACTuE,KAAML,KACH5E,KAAKkF,gBAAgBN;QAI1BvC,EAAA;MAASC,OAAM;OACbD,EAAA;MAAQC,OAAM;OACZD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAOC,OAAM;OACVQ,EAAA9C,MAAIQ,GAAA,KAAmB2E,OAAO9D,YAEjCgB,EAAA,WAAIrC,KAAKoB,eAAeC,aAG1BgB,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAOC,OAAM;OAASQ,EAAA9C,MAAIQ,GAAA,KAAmB2E,OAAOC,OACpD/C,EAAA,WAAIrC,KAAKoB,eAAeE,YAG1Be,EAAA;MACEC,OAAM;MACNqB,SAASb,EAAA9C,MAAIgB,GAAA;OAEZ8B,EAAA9C,MAAIQ,GAAA,KAAmB2E,OAAOE,UAInChD,EAAA;MAASC,OAAM;OACbD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAOC,OAAM;MAAQgD,SAAQ;OAC1BxC,EAAA9C,MAAIQ,GAAA,KAAmB+E,GAAGC,aAE7BnD,EAAA;;MAEEC,OAAM;MACNJ,IAAG;MACH5B,OAAON,KAAK0B;MACZ+D,SAAS3C,EAAA9C,MAAImD,GAAA;MACbuC,aAAa5C,EAAA9C,MAAIQ,GAAA,KAAmB+E,GAAGI;MACvCV,KAAML,KACHJ,EAAAxE,MAAIa,GAAa+D,GAAuB;QAG5C9B,EAAA9C,MAAI+B,GAAA,KAAuBoC,KAA3BnE,MAA4B8C,EAAA9C,MAAIa,GAAA,QAGnCwB,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEC,OAAM;MACNyC,OAAOjC,EAAA9C,MAAIK,GAAA;MACXuF,UAAU9C,EAAA9C,MAAIsD,GAAA;MACdhD,OAAOwC,EAAA9C,MAAIK,GAAA,KAAiB,GAAGC;MAC/B2E,KAAKL,KACFJ,EAAAxE,MAAIY,GACHgE,GAAmC;QAIxC5E,KAAKuD,wBAAwB,YAC5BlB,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAOC,OAAM;MAAQgD,SAAQ;OAC1BxC,EAAA9C,MAAIQ,GAAA,KAAmB+E,GAAGM,gBAE7BxD,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEC,OAAM;MACNwD,UAAQ;MACRJ,aACE1F,KAAK+F,6BACDjD,EAAA9C,MAAIQ,GAAA,KAAmB+E,GAAGS,sBAC1BlD,EAAA9C,MAAIQ,GAAA,KAAmB+E,GACpBU;MAET3F,OAAON,KAAKkG;QAEd7D,EAAA;MACEC,OAAM;;MAENyB,WAAW/D,KAAK+F;OAEhB1D,EAAA;MACE2C,KAAKlC,EAAA9C,MAAIF,GAAA;MACTwC,OAAM;cAUrBQ,EAAA9C,MAAIwD,GAAA,KAAcW,KAAlBnE"}

package/dist/genexus-ide-ui/{p-eea944d4.entry.js → p-0d83a34d.entry.js}

@@ -1,51 +1,48 @@
-import { r as t, c as e, h as i, H as o, a as s } from "./p-25a9f1d7.js";
+import { r as t, c as e, h as i, H as s, a as o } from "./p-25a9f1d7.js";
 
-import { g as r } from "./p-6e4208d8.js";
+import { g as r } from "./p-ede7bd20.js";
 
-import "./p-5ac47c69.js";
-
-import { L as n } from "./p-311eedf3.js";
+import { L as n } from "./p-857866f8.js";
 
 const a = ".wrapper{display:grid;grid-template-columns:1fr max-content max-content;gap:var(--mer-spacing--xs);border-radius:var(--control__border-radius);border:var(--control__border-width) var(--control__border-style) var(--control__border-color);padding:var(--control__padding-block) var(--control__padding-inline)}.wrapper:hover{--control__border-color:var(--control__border-color--hover)}.input{--control__padding-block:0;--control__padding-inline:0;--control__border-width:0;--focus__outline-width:0}:host(:focus-within) .wrapper{--control__border-color:var(--focus__outline-color)}:host(.entity-selector--button-has-focus) .wrapper{outline:none}:host([disabled]){pointer-events:none}:host([disabled]) .wrapper{background-color:var(--control__background-color--disabled);border-color:var(--control__border-color--disabled)}";
 
-var d = undefined && undefined.__classPrivateFieldGet || function(t, e, i, o) {
-  if (i === "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 i === "m" ? o : i === "a" ? o.call(t) : o ? o.value : e.get(t);
+var d = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
+  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
 };
 
-var l = undefined && undefined.__classPrivateFieldSet || function(t, e, i, o, s) {
-  if (o === "m") throw new TypeError("Private method is not writable");
-  if (o === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return o === "a" ? s.call(t, i) : s ? s.value = i : e.set(t, i), i;
+var l = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, o) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !o : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? o.call(t, i) : o ? o.value = i : e.set(t, i), i;
 };
 
 var c, h, u, f, p, b;
 
 const m = [ "resets/box-sizing", "components/edit", "components/button", "components/icon", "utils/form" ];
 
-const v = r({
+const w = r({
   category: "gemini-tools",
   name: "show-more-horizontal",
   colorType: "primary"
 });
 
-const w = r({
+const _ = r({
   category: "gemini-tools",
   name: "reset",
   colorType: "primary"
 });
 
-const _ = class {
-  constructor(o) {
-    t(this, o);
+const v = class {
+  constructor(s) {
+    t(this, s);
     this.valueChanged = e(this, "valueChanged", 7);
     c.set(this, void 0);
     h.set(this, (() => {
-      var t;
       this.value = this.defaultValue;
-      this.iconSrc = (t = this.defaultValue) === null || t === void 0 ? void 0 : t.iconSrc;
+      this.iconSrc = this.defaultValue?.iconSrc;
     }));
     u.set(this, (() => {
       this.selectEntityCallback().then((t => {
@@ -61,49 +58,46 @@ const _ = class {
         this.buttonHasFocus = false;
       }
     }));
-    p.set(this, (() => {
-      var t, e;
-      return i("div", {
-        part: "wrapper",
-        class: "wrapper"
-      }, i("ch-edit", {
-        accessibleName: this.labelPosition === "none" && d(this, c, "f").entitySelectorInputAccessibleName,
-        class: "input",
-        disabled: this.disabled,
-        name: this.name || d(this, c, "f").entitySelectorNameAttribute,
-        startImgSrc: this.iconSrc,
-        readonly: true,
-        value: ((t = this.value) === null || t === void 0 ? void 0 : t.name) || ((e = this.defaultValue) === null || e === void 0 ? void 0 : e.name),
-        id: "entity-input"
-      }), i("button", {
-        part: "button-clear",
-        class: "icon-button",
-        "aria-label": d(this, c, "f").clearButtonLabel,
-        title: d(this, c, "f").clearButtonLabel,
-        type: "button",
-        disabled: this.disabled,
-        onClick: d(this, h, "f"),
-        onFocus: this.buttonHasFocus ? d(this, f, "f") : undefined,
-        onBlur: !this.buttonHasFocus ? d(this, f, "f") : undefined
-      }, i("ch-image", {
-        class: "icon-md",
-        src: w,
-        disabled: this.disabled
-      })), i("button", {
-        class: "icon-button",
-        "aria-label": d(this, c, "f").selectButtonLabel,
-        title: d(this, c, "f").selectButtonLabel,
-        type: "button",
-        disabled: !this.selectEntityCallback || this.disabled,
-        onClick: d(this, u, "f"),
-        onBlur: !this.buttonHasFocus ? d(this, f, "f") : undefined,
-        onFocus: this.buttonHasFocus ? d(this, f, "f") : undefined
-      }, i("ch-image", {
-        class: "icon-md",
-        src: v,
-        disabled: this.disabled
-      })));
-    }));
+    p.set(this, (() => i("div", {
+      part: "wrapper",
+      class: "wrapper"
+    }, i("ch-edit", {
+      accessibleName: this.labelPosition === "none" && d(this, c, "f").entitySelectorInputAccessibleName,
+      class: "input",
+      disabled: this.disabled,
+      name: this.name || d(this, c, "f").entitySelectorNameAttribute,
+      startImgSrc: this.iconSrc,
+      readonly: true,
+      value: this.value?.name || this.defaultValue?.name,
+      id: "entity-input"
+    }), i("button", {
+      part: "button-clear",
+      class: "icon-button",
+      "aria-label": d(this, c, "f").clearButtonLabel,
+      title: d(this, c, "f").clearButtonLabel,
+      type: "button",
+      disabled: this.disabled,
+      onClick: d(this, h, "f"),
+      onFocus: this.buttonHasFocus ? d(this, f, "f") : undefined,
+      onBlur: !this.buttonHasFocus ? d(this, f, "f") : undefined
+    }, i("ch-image", {
+      class: "icon-md",
+      src: _,
+      disabled: this.disabled
+    })), i("button", {
+      class: "icon-button",
+      "aria-label": d(this, c, "f").selectButtonLabel,
+      title: d(this, c, "f").selectButtonLabel,
+      type: "button",
+      disabled: !this.selectEntityCallback || this.disabled,
+      onClick: d(this, u, "f"),
+      onBlur: !this.buttonHasFocus ? d(this, f, "f") : undefined,
+      onFocus: this.buttonHasFocus ? d(this, f, "f") : undefined
+    }, i("ch-image", {
+      class: "icon-md",
+      src: w,
+      disabled: this.disabled
+    })))));
     b.set(this, (() => {
       if (this.value && this.value.iconSrc) {
         this.iconSrc = this.value.iconSrc;
@@ -131,7 +125,7 @@ const _ = class {
     d(this, b, "f").call(this);
   }
   render() {
-    return i(o, {
+    return i(s, {
       class: {
         "entity-selector--button-has-focus": this.buttonHasFocus
       }
@@ -152,7 +146,7 @@ const _ = class {
     return [ "gx-ide-assets/entity-selector" ];
   }
   get el() {
-    return s(this);
+    return o(this);
   }
   static get watchers() {
     return {
@@ -164,7 +158,7 @@ const _ = class {
 c = new WeakMap, h = new WeakMap, u = new WeakMap, f = new WeakMap, p = new WeakMap, 
 b = new WeakMap;
 
-_.style = a;
+v.style = a;
 
-export { _ as gx_ide_entity_selector };
-//# sourceMappingURL=p-eea944d4.entry.js.map
+export { v as gx_ide_entity_selector };
+//# sourceMappingURL=p-0d83a34d.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["entitySelectorCss","CSS_BUNDLES","SELECT_DEFAULT_ICON","getIconPath","category","name","colorType","CLEAR_ICON","GxIdeEntitySelector","_GxIdeEntitySelector_componentLocale","set","this","_GxIdeEntitySelector_btnClearClickHandler","value","defaultValue","iconSrc","_GxIdeEntitySelector_btnSelectClickHandler","selectEntityCallback","then","result","_GxIdeEntitySelector_buttonFocusHandler","e","type","buttonHasFocus","_GxIdeEntitySelector_renderControl","h","part","class","accessibleName","labelPosition","__classPrivateFieldGet","entitySelectorInputAccessibleName","disabled","entitySelectorNameAttribute","startImgSrc","readonly","id","clearButtonLabel","title","onClick","onFocus","undefined","onBlur","src","selectButtonLabel","_GxIdeEntitySelector_updateIconSrc","valueChangedHandler","valueChanged","emit","call","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","connectedCallback","render","Host","model","field","htmlFor","labelCaption"],"sources":["src/components/_helpers/entity-selector/entity-selector.scss?tag=gx-ide-entity-selector&encapsulation=shadow","src/components/_helpers/entity-selector/entity-selector.tsx"],"sourcesContent":["/*wrapper*/\n.wrapper {\n  display: grid;\n  grid-template-columns: 1fr max-content max-content;\n  gap: var(--mer-spacing--xs);\n  border-radius: var(--control__border-radius);\n  border: var(--control__border-width) var(--control__border-style)\n    var(--control__border-color);\n  padding: var(--control__padding-block) var(--control__padding-inline);\n\n  &:hover {\n    --control__border-color: var(--control__border-color--hover);\n  }\n  &:focus {\n  }\n}\n/*input*/\n.input {\n  --control__padding-block: 0;\n  --control__padding-inline: 0;\n  // Remove control border. We want to simulate a input that includes two buttons at the end.\n  --control__border-width: 0;\n  --focus__outline-width: 0;\n}\n:host(:focus-within) {\n  .wrapper {\n    --control__border-color: var(--focus__outline-color);\n  }\n}\n:host(.entity-selector--button-has-focus) {\n  .wrapper {\n    outline: none;\n  }\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  .wrapper {\n    background-color: var(--control__background-color--disabled);\n    border-color: var(--control__border-color--disabled);\n  }\n}\n/*custom button icon*/\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Event,\n  EventEmitter,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\nimport { LabelPosition } from \"../../../common/types\";\nimport { EntityData } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/edit\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/form\"\n];\nconst SELECT_DEFAULT_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"primary\"\n});\nconst CLEAR_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"reset\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-entity-selector\",\n  styleUrl: \"entity-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/entity-selector\"]\n})\nexport class GxIdeEntitySelector {\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeEntitySelectorElement;\n\n  /**\n   * Adds/removes a CSS class on the host. It removes focus-within styles when\n   * focus is on a button.\n   */\n  @State() buttonHasFocus = false;\n\n  @State() iconSrc: string = null;\n\n  /**\n   * Default value for the component. Used when the 'X' button is pressed.\n   */\n  @Prop() readonly defaultValue?: EntityData | null | undefined;\n\n  /**\n   * This attribute lets you specify if the element is disabled.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false;\n\n  /**\n   * The label caption. Only visible if \"labelPosition\" is not \"none\".\n   * I no \"labelCaption\" is provided, a generic caption \"Select Entity\" will be provided\n   */\n  @Prop() readonly labelCaption?: string;\n\n  /**\n   * The label position\n   */\n  @Prop({ reflect: true }) readonly labelPosition?: LabelPosition =\n    \"block-start\";\n\n  /**\n   * This property specifies the `name` of the control when used in a form.\n   */\n  @Prop({ reflect: true }) readonly name?: string;\n\n  /**\n   * Callback invoked when the action button is pressed. Returns the new value.\n   */\n  @Prop() readonly selectEntityCallback!: () => Promise<EntityData> | null;\n\n  /**\n   * Value currently assigned.\n   */\n  @Prop({ mutable: true }) value: EntityData | null | undefined;\n  @Watch(\"value\")\n  valueChangedHandler() {\n    this.valueChanged.emit(this.value);\n    this.#updateIconSrc();\n  }\n\n  /**\n   * Emits the input value every time it changes\n   */\n  @Event() valueChanged: EventEmitter<EntityData>;\n\n  // 6.Component Lifecycle Events\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  connectedCallback() {\n    this.#updateIconSrc();\n  }\n\n  #btnClearClickHandler = () => {\n    this.value = this.defaultValue;\n    this.iconSrc = this.defaultValue?.iconSrc;\n  };\n\n  #btnSelectClickHandler = () => {\n    this.selectEntityCallback().then(result => {\n      if (result) {\n        this.value = result;\n      }\n    });\n  };\n\n  #buttonFocusHandler = (e: FocusEvent) => {\n    if (e.type === \"focus\") {\n      this.buttonHasFocus = true;\n    } else if (e.type === \"blur\") {\n      this.buttonHasFocus = false;\n    }\n  };\n\n  #renderControl = (): HTMLDivElement => {\n    return (\n      <div part=\"wrapper\" class=\"wrapper\">\n        <ch-edit\n          accessibleName={\n            this.labelPosition === \"none\" &&\n            this.#componentLocale.entitySelectorInputAccessibleName\n          }\n          class=\"input\"\n          disabled={this.disabled}\n          name={this.name || this.#componentLocale.entitySelectorNameAttribute}\n          startImgSrc={this.iconSrc}\n          readonly\n          value={this.value?.name || this.defaultValue?.name}\n          id=\"entity-input\"\n        ></ch-edit>\n\n        <button\n          part=\"button-clear\"\n          class=\"icon-button\"\n          aria-label={this.#componentLocale.clearButtonLabel}\n          title={this.#componentLocale.clearButtonLabel}\n          type=\"button\"\n          disabled={this.disabled}\n          onClick={this.#btnClearClickHandler}\n          onFocus={this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n          onBlur={!this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n        >\n          <ch-image\n            class=\"icon-md\"\n            src={CLEAR_ICON}\n            disabled={this.disabled}\n          ></ch-image>\n        </button>\n\n        <button\n          class=\"icon-button\"\n          aria-label={this.#componentLocale.selectButtonLabel}\n          title={this.#componentLocale.selectButtonLabel}\n          type=\"button\"\n          disabled={!this.selectEntityCallback || this.disabled}\n          onClick={this.#btnSelectClickHandler}\n          onBlur={!this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n          onFocus={this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n        >\n          <ch-image\n            class=\"icon-md\"\n            src={SELECT_DEFAULT_ICON}\n            disabled={this.disabled}\n          ></ch-image>\n        </button>\n      </div>\n    );\n  };\n\n  #updateIconSrc = () => {\n    if (this.value && this.value.iconSrc) {\n      this.iconSrc = this.value.iconSrc;\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          \"entity-selector--button-has-focus\": this.buttonHasFocus\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.labelPosition !== \"none\" ? (\n          <div\n            class={{\n              \"field\": true,\n              \"field-block\": this.labelPosition === \"block-start\",\n              \"field-inline\": this.labelPosition === \"inline-start\"\n            }}\n          >\n            <label class=\"label\" htmlFor=\"entity-input\">\n              {this.labelCaption ||\n                this.#componentLocale.entitySelectorInputAccessibleName}\n            </label>\n            {this.#renderControl()}\n          </div>\n        ) : (\n          this.#renderControl()\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type EntitySelectorLabels = {\n  buttonClearLabel: string;\n  buttonSelectLabel: string;\n};\n"],"mappings":";;;;;;AAAA,MAAMA,IAAoB;;;;;;;;;;;;;;;;;ACkB1B,MAAMC,IAA8B,EAClC,qBACA,mBACA,qBACA,mBACA;;AAEF,MAAMC,IAAsBC,EAAY;EACtCC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAMC,IAAaJ,EAAY;EAC7BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;MASAE,IAAmB;;;;IAC9BC,EAAAC,IAAAC,WAAA;IAqEAC,EAAAF,IAAAC,OAAwB;MACtBA,KAAKE,QAAQF,KAAKG;MAClBH,KAAKI,UAAUJ,KAAKG,cAAcC;AAAO;IAG3CC,EAAAN,IAAAC,OAAyB;MACvBA,KAAKM,uBAAuBC,MAAKC;QAC/B,IAAIA,GAAQ;UACVR,KAAKE,QAAQM;;;AAEf;IAGJC,EAAAV,IAAAC,OAAuBU;MACrB,IAAIA,EAAEC,SAAS,SAAS;QACtBX,KAAKY,iBAAiB;aACjB,IAAIF,EAAEC,SAAS,QAAQ;QAC5BX,KAAKY,iBAAiB;;;IAI1BC,EAAAd,IAAAC,OAAiB,MAEbc,EAAA;MAAKC,MAAK;MAAUC,OAAM;OACxBF,EAAA;MACEG,gBACEjB,KAAKkB,kBAAkB,UACvBC,EAAAnB,MAAIF,GAAA,KAAkBsB;MAExBJ,OAAM;MACNK,UAAUrB,KAAKqB;MACf3B,MAAMM,KAAKN,QAAQyB,EAAAnB,MAAIF,GAAA,KAAkBwB;MACzCC,aAAavB,KAAKI;MAClBoB,UAAQ;MACRtB,OAAOF,KAAKE,OAAOR,QAAQM,KAAKG,cAAcT;MAC9C+B,IAAG;QAGLX,EAAA;MACEC,MAAK;MACLC,OAAM;MAAa,cACPG,EAAAnB,MAAIF,GAAA,KAAkB4B;MAClCC,OAAOR,EAAAnB,MAAIF,GAAA,KAAkB4B;MAC7Bf,MAAK;MACLU,UAAUrB,KAAKqB;MACfO,SAAST,EAAAnB,MAAIC,GAAA;MACb4B,SAAS7B,KAAKY,iBAAiBO,EAAAnB,MAAIS,GAAA,OAAuBqB;MAC1DC,SAAS/B,KAAKY,iBAAiBO,EAAAnB,MAAIS,GAAA,OAAuBqB;OAE1DhB,EAAA;MACEE,OAAM;MACNgB,KAAKpC;MACLyB,UAAUrB,KAAKqB;SAInBP,EAAA;MACEE,OAAM;MAAa,cACPG,EAAAnB,MAAIF,GAAA,KAAkBmC;MAClCN,OAAOR,EAAAnB,MAAIF,GAAA,KAAkBmC;MAC7BtB,MAAK;MACLU,WAAWrB,KAAKM,wBAAwBN,KAAKqB;MAC7CO,SAAST,EAAAnB,MAAIK,GAAA;MACb0B,SAAS/B,KAAKY,iBAAiBO,EAAAnB,MAAIS,GAAA,OAAuBqB;MAC1DD,SAAS7B,KAAKY,iBAAiBO,EAAAnB,MAAIS,GAAA,OAAuBqB;OAE1DhB,EAAA;MACEE,OAAM;MACNgB,KAAKzC;MACL8B,UAAUrB,KAAKqB;;IAOzBa,EAAAnC,IAAAC,OAAiB;MACf,IAAIA,KAAKE,SAASF,KAAKE,MAAME,SAAS;QACpCJ,KAAKI,UAAUJ,KAAKE,MAAME;;;0BA3IJ;mBAEC;;oBAU2B;;yBAYpD;;;;;EAiBF,mBAAA+B;IACEnC,KAAKoC,aAAaC,KAAKrC,KAAKE;IAC5BiB,EAAAnB,MAAIkC,GAAA,KAAeI,KAAnBtC;;;EAUF,uBAAMuC;IACJC,EAAAxC,MAAIF,SAA0B2C,EAAOC,oBAAoB1C,KAAK2C,KAAG;;EAGnE,iBAAAC;IACEzB,EAAAnB,MAAIkC,GAAA,KAAeI,KAAnBtC;;EAqFF,MAAA6C;IACE,OACE/B,EAACgC,GAAI;MACH9B,OAAO;QACL,qCAAqChB,KAAKY;;OAG5CE,EAAA;MAAUiC,OAAOzD;QAChBU,KAAKkB,kBAAkB,SACtBJ,EAAA;MACEE,OAAO;QACLgC,OAAS;QACT,eAAehD,KAAKkB,kBAAkB;QACtC,gBAAgBlB,KAAKkB,kBAAkB;;OAGzCJ,EAAA;MAAOE,OAAM;MAAQiC,SAAQ;OAC1BjD,KAAKkD,gBACJ/B,EAAAnB,MAAIF,GAAA,KAAkBsB,oCAEzBD,EAAAnB,MAAIa,GAAA,KAAeyB,KAAnBtC,SAGHmB,EAAAnB,MAAIa,GAAA,KAAeyB,KAAnBtC"}