@genexus/genexus-ide-ui 1.1.4 → 1.1.6

package/dist/genexus-ide-ui/p-da473001.entry.js

@@ -0,0 +1,338 @@
+import { r as t, h as e, H as a, a as i, g as s } from "./p-25a9f1d7.js";
+
+import { g as n } from "./p-ede7bd20.js";
+
+import { L as o } from "./p-311eedf3.js";
+
+const r = ".chat-container{background-color:var(--elevation-background-color, --mer-surface__elevation--01);display:grid;block-size:100%;overflow:auto;grid-template-rows:1fr;position:relative;--chat-common-border-radius:var(--mer-spacing--2xs)}.chat-container.with-header{grid-template-rows:max-content 1fr}.section{display:contents}.header{padding:var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--sm);display:flex;align-items:center;justify-content:space-between;gap:var(--mer-spacing--sm);color:var(--mer-text__bright);border-block-end:var(--mer-border__width--sm) solid var(--color-border-surface-on-elevation-01, #333d47)}.header .button-copy-chat,.header .button-delete-chat{--control__border-color:transparent !important}.header .button-delete-chat:hover{filter:brightness(1.3)}.header .button-delete-chat:active{filter:brightness(0.8)}.ch-chat-container{overflow:auto;position:relative;display:grid}.chat-container__conversation-copied{position:absolute;z-index:1;inline-size:100%;block-size:100%;background:rgba(22, 22, 23, 0.75);backdrop-filter:saturate(180%) blur(20px);display:grid;align-items:center;justify-content:center;text-align:center;padding:32px;--mer-icon__box--md:18px;pointer-events:none;overflow:hidden;animation:fadeIn 100ms ease-in-out forwards;opacity:0}.chat-container__conversation-copied-wrapper{display:flex;align-items:center;gap:var(--mer-spacing--sm);position:relative;inset-block-start:4px;opacity:0;animation:liftUp var(--mer-timing--fast) ease-in-out forwards;animation-delay:var(--mer-timing--fast)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes liftUp{from{opacity:0;inset-block-start:4px}to{opacity:1;inset-block-start:0}}::selection{color:#00ccff;background:#22334a}.chat::part(code-block-header__copy){--copy-text-opacity:0;--copy-text-translate-x:6px;opacity:var(--copy-text-opacity);pointer-events:none;transform:translateX(var(--copy-text-translate-x));transition:opacity 100ms ease-in-out, transform 100ms ease-in-out;font-size:12px}.chat::part(code-block-header__copy-copied){--copy-button-pointer-events:none !important;--copy-text-opacity:1;--copy-text-translate-x:0}.chat::part(code-block-header){align-items:center;display:flex;gap:8px}";
+
+var c = undefined && undefined.__classPrivateFieldSet || function(t, e, a, i, s) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "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 i === "a" ? s.call(t, a) : s ? s.value = a : e.set(t, a), a;
+};
+
+var l = undefined && undefined.__classPrivateFieldGet || function(t, e, a, i) {
+  if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return a === "m" ? i : a === "a" ? i.call(t) : i ? i.value : e.get(t);
+};
+
+var d, p, h, m, u, f;
+
+const g = [ "resets/box-sizing", "utils/typography", "chameleon/scrollbar", "components/button", "components/dropdown", "components/icon", "utils/elevation" ];
+
+const y = n({
+  category: "system",
+  name: "copy",
+  colorType: "primary"
+});
+
+const b = n({
+  category: "system",
+  name: "delete-outlined",
+  colorType: "primary"
+});
+
+const w = n({
+  category: "objects",
+  name: "conversational-flows"
+});
+
+const v = n({
+  category: "system",
+  name: "more-horizontal",
+  colorType: "neutral"
+});
+
+const x = class {
+  constructor(e) {
+    t(this, e);
+    d.set(this, [ {
+      type: "slot",
+      id: "delete-chat-button"
+    }, {
+      type: "slot",
+      id: "copy-chat-button"
+    } ]);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        p.set(this, void 0);
+    h.set(this, (() => {
+      this.menuIsExpanded = true;
+    }));
+    m.set(this, (t => {
+      this.menuIsExpanded = t.detail;
+    }));
+    u.set(this, (() => {
+      if (this.copyConversationCallback) {
+        this.copyConversationCallback();
+        this.menuIsExpanded = false;
+      }
+    }));
+    f.set(this, (() => {
+      if (this.deleteConversationCallback) {
+        this.deleteConversationCallback();
+        this.menuIsExpanded = false;
+      }
+    }));
+    this.displayConversationCopiedMessage = false;
+    this.menuIsExpanded = false;
+    this.chatTitle = undefined;
+    this.copyConversationCallback = undefined;
+    this.deleteConversationCallback = undefined;
+    this.displayWelcomeScreen = false;
+  }
+  async componentWillLoad() {
+    c(this, p, await o.getComponentStrings(this.el), "f");
+  }
+  /**
+     * It will display a feedback message that the conversation has been copied
+     */  async showCopyConversationMessage() {
+    this.displayConversationCopiedMessage = true;
+    setTimeout((() => {
+      this.displayConversationCopiedMessage = false;
+    }), 2e3);
+  }
+  render() {
+    const t = this.chatTitle || this.copyConversationCallback || this.deleteConversationCallback;
+    const i = this.copyConversationCallback || this.deleteConversationCallback;
+    return e(a, {
+      class: {
+        "chat-container": true,
+        "with-header": !!t
+      }
+    }, e("ch-theme", {
+      model: g
+    }), e("section", {
+      class: "section"
+    }, t && e("header", {
+      class: "header tiny-semi-bold-l"
+    }, this.chatTitle && this.chatTitle, i && e("ch-action-menu-render", {
+      class: "dropdown",
+      blockAlign: "inside-start",
+      inlineAlign: "inside-end",
+      model: l(this, d, "f"),
+      expanded: this.menuIsExpanded,
+      onExpandedChange: l(this, m, "f")
+    }, e("button", {
+      class: "button-tertiary button-icon-only",
+      onClick: l(this, h, "f"),
+      type: "button",
+      "aria-label": l(this, p, "f").showMenuAriaLabel,
+      title: l(this, p, "f").showMenuAriaLabel
+    }, e("ch-image", {
+      class: "icon-md",
+      src: v
+    })), this.copyConversationCallback && e("button", {
+      class: "button-tertiary button-icon-and-text button-copy-chat",
+      slot: "copy-chat-button",
+      onClick: l(this, u, "f"),
+      type: "button",
+      "aria-label": l(this, p, "f").copyConversationAriaLabel,
+      title: l(this, p, "f").copyConversationAriaLabel
+    }, e("ch-image", {
+      class: "icon-md",
+      src: y
+    }), l(this, p, "f").copyConversationLabel), this.deleteConversationCallback && e("button", {
+      class: "button-tertiary button-icon-and-text button-delete-chat",
+      slot: "delete-chat-button",
+      onClick: l(this, f, "f"),
+      type: "button",
+      "aria-label": l(this, p, "f").deleteConversationAriaLabel,
+      title: l(this, p, "f").deleteConversationAriaLabel
+    }, e("ch-image", {
+      class: "icon-md",
+      src: b
+    }), l(this, p, "f").clearConversationLabel))), e("section", {
+      class: "ch-chat-container"
+    }, e("slot", null), this.displayConversationCopiedMessage && e("div", {
+      class: "chat-container__conversation-copied"
+    }, e("div", {
+      class: "chat-container__conversation-copied-wrapper"
+    }, e("ch-image", {
+      class: "icon-md",
+      src: w
+    }), e("p", {
+      class: "body-regular-l"
+    }, "conversation copied"))))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/chat-container" ];
+  }
+  get el() {
+    return i(this);
+  }
+};
+
+d = new WeakMap, p = new WeakMap, h = new WeakMap, m = new WeakMap, u = new WeakMap, 
+f = new WeakMap;
+
+x.style = r;
+
+const _ = ":host{block-size:100%}.welcome-container{--opacity:1;--translate-y:0;opacity:var(--opacity);transform:translateY(var(--translate-y));transition:all var(--transition-duration);display:flex;block-size:100%;grid-template-rows:max-content max-content;flex-direction:column;justify-content:space-between;background-repeat:no-repeat;background-size:cover;background-size:contain}.welcome-container.hidden{--opacity:0;--translate-y:4px}.header{--opacity:0;--translate-y:3px;transition:all var(--transition-duration) var(--transition-delay) cubic-bezier(0.4, 0, 0.2, 1);transform:translateY(var(--translate-y));opacity:var(--opacity);display:flex;flex-direction:column;gap:var(--mer-spacing--md);align-items:center;padding:var(--mer-spacing--md)}.header--visible{--opacity:1;--translate-y:0}.header__circle{inline-size:55px;block-size:55px;background-size:contain;background-repeat:no-repeat;background-position:center center;margin-block-end:-6px}.header__title{display:grid;text-align:center;margin:0;text-align:center;white-space:pre-line;line-height:1.3;font-weight:600;font-size:var(--font-size-header-h3)}.header__greeting{line-height:1.4;text-align:center;font-weight:300}.suggested-prompts{--opacity:1;opacity:var(--opacity);transition:opacity var(--transition-duration);display:flex;flex-direction:column;gap:var(--mer-spacing--md);list-style:none;margin:0;padding:var(--mer-spacing--md)}.suggested-prompts.hidden{--opacity:0}.suggested-prompts__button{opacity:0;transform:translateX(-3px);animation:fadeInSuggestedPromptButton var(--mer-timing--regular) ease forwards;animation-delay:var(--delay, 0s);border:0;padding:var(--mer-spacing--sm);border-radius:30px;font-size:14px;font-style:oblique;cursor:pointer;display:flex;align-items:center;gap:var(--mer-spacing--xs);background-color:#22334a;font-weight:100}.suggested-prompts__button:hover{background-color:#1a2b42}@keyframes fadeInSuggestedPromptButton{from{opacity:0;transform:translateX(-3px)}to{opacity:1;transform:translateX(0)}}";
+
+var k = undefined && undefined.__classPrivateFieldGet || function(t, e, a, i) {
+  if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return a === "m" ? i : a === "a" ? i.call(t) : i ? i.value : e.get(t);
+};
+
+var z = undefined && undefined.__classPrivateFieldSet || function(t, e, a, i, s) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "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 i === "a" ? s.call(t, a) : s ? s.value = a : e.set(t, a), a;
+};
+
+var T, W, j, C;
+
+const E = s(`./gx-ide-assets/chat-welcome/images/header-illustration.svg`);
+
+const M = s(`./gx-ide-assets/chat-welcome/images/ai-avatar-welcome.svg`);
+
+const P = 100;
+
+const I = 500;
+
+const $ = 200;
+
+const X = 500;
+
+const D = 100;
+
+const L = n({
+  category: "system",
+  name: "assistant",
+  colorType: "primary"
+});
+
+const A = n({
+  category: "system",
+  name: "arrow-right",
+  colorType: "primary"
+});
+
+const B = [ "resets/box-sizing", "components/chat", "components/icon", "utils/typography" ];
+
+const S = class {
+  constructor(e) {
+    t(this, e);
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        T.set(this, void 0);
+    W.set(this, (() => {
+      setTimeout((() => {
+        this.showHeader = true;
+        setTimeout((() => {
+          this.showSuggestedPrompts = true;
+        }), X);
+      }), P + I);
+    }));
+    j.set(this, (async t => {
+      const e = t.currentTarget.dataset["prommpt"];
+      await k(this, C, "f").call(this);
+      this.suggestedPrompRequestedCallback(e);
+    }));
+    C.set(this, (async () => {
+      this.hideWelcome = true;
+      await new Promise((t => setTimeout(t, D)));
+    }));
+    this.showHeader = false;
+    this.showSuggestedPrompts = false;
+    this.hideWelcome = false;
+    this.welcomeTitle = undefined;
+    this.welcomeGreeting = undefined;
+    this.suggestedPrompts = undefined;
+    this.suggestedPrompRequestedCallback = undefined;
+  }
+  async componentWillLoad() {
+    z(this, T, await o.getComponentStrings(this.el), "f");
+    // Set defaults
+        if (!this.welcomeTitle) {
+      this.welcomeTitle = k(this, T, "f").welcomeTitle;
+    }
+    if (!this.welcomeGreeting) {
+      this.welcomeGreeting = k(this, T, "f").welcomeGreeting;
+    }
+    if (!this.suggestedPrompts) {
+      this.suggestedPrompts = k(this, T, "f").suggestedPrompts;
+    }
+  }
+  componentDidRender() {
+    if (!this.hideWelcome) {
+      k(this, W, "f").call(this);
+    }
+  }
+  /**
+     * It will exit the wellcome screen and remove it from the dom.
+     */  async exitWelcome() {
+    k(this, C, "f").call(this);
+  }
+  render() {
+    return e(a, null, e("ch-theme", {
+      model: B
+    }), e("div", {
+      class: {
+        "welcome-container": true,
+        hidden: this.hideWelcome
+      },
+      style: {
+        backgroundImage: `url(${E})`,
+        "--transition-duration": `${D}ms`
+      }
+    }, e("header", {
+      class: {
+        header: true,
+        "header--visible": this.showHeader
+      },
+      style: {
+        "--transition-delay": `${P}ms`,
+        "--transition-duration": `${I}ms`
+      }
+    }, e("span", {
+      class: "header__circle",
+      style: {
+        backgroundImage: `url(${M})`
+      }
+    }), e("h2", {
+      class: "header__title"
+    }, this.welcomeTitle), e("p", {
+      class: "header__greeting"
+    }, this.welcomeGreeting)), this.suggestedPrompts && this.showSuggestedPrompts && e("ul", {
+      class: "suggested-prompts"
+    }, this.suggestedPrompts.map(((t, a) => e("li", {
+      class: "suggested-prompts__item"
+    }, e("button", {
+      class: {
+        "suggested-prompts__button": true
+      },
+      onClick: k(this, j, "f"),
+      style: {
+        "--delay": `${$ * a}ms`
+      },
+      "data-prommpt": t
+    }, e("ch-image", {
+      src: L,
+      class: "icon-md"
+    }), t, e("ch-image", {
+      src: A,
+      class: "icon-md"
+    }))))))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/chat-welcome" ];
+  }
+  get el() {
+    return i(this);
+  }
+};
+
+T = new WeakMap, W = new WeakMap, j = new WeakMap, C = new WeakMap;
+
+S.style = _;
+
+export { x as gx_ide_chat_container, S as gx_ide_chat_welcome };
+//# sourceMappingURL=p-da473001.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["chatContainerCss","CSS_BUNDLES","COPY_ICON","getIconPath","category","name","colorType","DELETE_ICON","CONVERSATION_ICON","MORE_HORIZONTAL_ICON","GxIdeChatContainer","_GxIdeChatContainer_menuItems","set","this","type","id","_GxIdeChatContainer_componentLocale","_GxIdeChatContainer_showMenuHandler","menuIsExpanded","_GxIdeChatContainer_menuExpandedChangeHandler","event","detail","_GxIdeChatContainer_copyConversationHandler","copyConversationCallback","_GxIdeChatContainer_deleteConversationHandler","deleteConversationCallback","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","showCopyConversationMessage","displayConversationCopiedMessage","setTimeout","render","renderHeader","chatTitle","renderButtonsGroup","h","Host","class","model","blockAlign","inlineAlign","__classPrivateFieldGet","expanded","onExpandedChange","onClick","showMenuAriaLabel","title","src","slot","copyConversationAriaLabel","copyConversationLabel","deleteConversationAriaLabel","clearConversationLabel","chatWelcomeCss","HEADER_ILLUSTRATION","getAssetPath","AI_AVATAR","HEADER_TRANSITION_DELAY","HEADER_TRANSITION_DURATION","SUGGESTED_PROMPT_BUTTON_INTERVAL","SUGGESTED_PROMPT_BUTTONS_DELAY","WELCOME_EXIT_DURATION","AI_ICON","ARROW_RIGHT_ICON","GxIdeChatWelcome","_GxIdeChatWelcome_componentLocale","_GxIdeChatWelcome_animationEntrance","showHeader","showSuggestedPrompts","_GxIdeChatWelcome_sendPromptToChat","async","e","prompt","currentTarget","dataset","_GxIdeChatWelcome_animationExit","call","suggestedPrompRequestedCallback","hideWelcome","Promise","resolve","welcomeTitle","welcomeGreeting","suggestedPrompts","componentDidRender","exitWelcome","hidden","style","backgroundImage","header","map","i"],"sources":["src/components/chat/chat-container/chat-container.scss?tag=gx-ide-chat-container","src/components/chat/chat-container/chat-container.tsx","src/components/chat/chat-welcome/chat-welcome.scss?tag=gx-ide-chat-welcome&encapsulation=shadow","src/components/chat/chat-welcome/chat-welcome.tsx"],"sourcesContent":[".chat-container {\n  background-color: var(\n    --elevation-background-color,\n    --mer-surface__elevation--01\n  );\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr;\n  position: relative;\n  --chat-common-border-radius: var(--mer-spacing--2xs);\n}\n\n.chat-container.with-header {\n  grid-template-rows: max-content 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--2xs)\n    var(--mer-spacing--2xs) var(--mer-spacing--sm);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mer-spacing--sm);\n  color: var(--mer-text__bright);\n  border-block-end: var(--mer-border__width--sm) solid\n    var(--color-border-surface-on-elevation-01, #333d47);\n\n  .button-copy-chat,\n  .button-delete-chat {\n    --control__border-color: transparent !important;\n  }\n\n  .button-delete-chat {\n    &:hover {\n      filter: brightness(1.3);\n    }\n    &:active {\n      filter: brightness(0.8);\n    }\n  }\n}\n\n.ch-chat-container {\n  overflow: auto;\n  position: relative;\n  display: grid;\n}\n\n// - - - - - - - - - - - - - -\n// other\n// - - - - - - - - - - - - - -\n\n.chat-container__conversation-copied {\n  position: absolute;\n  z-index: 1;\n  inline-size: 100%;\n  block-size: 100%;\n  background: rgba(22, 22, 23, 0.75);\n  backdrop-filter: saturate(180%) blur(20px);\n  display: grid;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 32px;\n  --mer-icon__box--md: 18px;\n  pointer-events: none;\n  overflow: hidden;\n  animation: fadeIn 100ms ease-in-out forwards;\n  opacity: 0;\n}\n\n.chat-container__conversation-copied-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n  position: relative;\n  inset-block-start: 4px;\n  opacity: 0;\n  animation: liftUp var(--mer-timing--fast) ease-in-out forwards;\n  animation-delay: var(--mer-timing--fast);\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes liftUp {\n  from {\n    opacity: 0;\n    inset-block-start: 4px;\n  }\n  to {\n    opacity: 1;\n    inset-block-start: 0;\n  }\n}\n\n::selection {\n  color: #00ccff;\n  background: #22334a;\n}\n\n// The following styles shoul be moved over to Mercury\n\n.chat::part(code-block-header__copy) {\n  --copy-text-opacity: 0;\n  --copy-text-translate-x: 6px;\n  opacity: var(--copy-text-opacity);\n  pointer-events: none;\n  transform: translateX(var(--copy-text-translate-x));\n  transition: opacity 100ms ease-in-out, transform 100ms ease-in-out;\n  font-size: 12px;\n}\n.chat::part(code-block-header__copy-copied) {\n  --copy-button-pointer-events: none !important;\n  --copy-text-opacity: 1;\n  --copy-text-translate-x: 0;\n}\n.chat::part(code-block-header) {\n  align-items: center;\n  display: flex;\n  gap: 8px;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Method,\n  State\n} from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { ActionMenuModel } from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/dropdown\",\n  \"components/icon\",\n  \"utils/elevation\"\n];\n\nconst COPY_ICON = getIconPath({\n  category: \"system\",\n  name: \"copy\",\n  colorType: \"primary\"\n});\nconst DELETE_ICON = getIconPath({\n  category: \"system\",\n  name: \"delete-outlined\",\n  colorType: \"primary\"\n});\nconst CONVERSATION_ICON = getIconPath({\n  category: \"objects\",\n  name: \"conversational-flows\"\n});\nconst MORE_HORIZONTAL_ICON = getIconPath({\n  category: \"system\",\n  name: \"more-horizontal\",\n  colorType: \"neutral\"\n});\n\n@Component({\n  tag: \"gx-ide-chat-container\",\n  styleUrl: \"chat-container.scss\",\n  shadow: false,\n  assetsDirs: [\"gx-ide-assets/chat-container\"]\n})\nexport class GxIdeChatContainer {\n  #menuItems: ActionMenuModel = [\n    { type: \"slot\", id: \"delete-chat-button\" },\n    { type: \"slot\", id: \"copy-chat-button\" }\n  ];\n\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: HTMLGxIdeChatContainerElement;\n\n  /**\n   * Coneration Copied\n   */\n  @State() displayConversationCopiedMessage: boolean = false;\n\n  /**\n   * Displays or hides the menu\n   */\n  @State() menuIsExpanded: boolean = false;\n\n  /**\n   * The chat title\n   */\n  @Prop() readonly chatTitle?: string;\n\n  /**\n   * If true a button for copying the conversation will be render on the header\n   */\n  @Prop() readonly copyConversationCallback: () => void;\n\n  /**\n   * If true a button for deleting the conversation will be render on the header\n   */\n  @Prop() readonly deleteConversationCallback: () => void;\n\n  /**\n   * If true a the welcome screen will be rendered\n   */\n  @Prop() readonly displayWelcomeScreen: boolean = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  /**\n   * It will display a feedback message that the conversation has been copied\n   */\n  @Method()\n  async showCopyConversationMessage() {\n    this.displayConversationCopiedMessage = true;\n    setTimeout(() => {\n      this.displayConversationCopiedMessage = false;\n    }, 2000);\n  }\n\n  #showMenuHandler = () => {\n    this.menuIsExpanded = true;\n  };\n\n  #menuExpandedChangeHandler = (event: CustomEvent<boolean>) => {\n    this.menuIsExpanded = event.detail;\n  };\n\n  #copyConversationHandler = () => {\n    if (this.copyConversationCallback) {\n      this.copyConversationCallback();\n      this.menuIsExpanded = false;\n    }\n  };\n  #deleteConversationHandler = () => {\n    if (this.deleteConversationCallback) {\n      this.deleteConversationCallback();\n      this.menuIsExpanded = false;\n    }\n  };\n\n  render() {\n    const renderHeader =\n      this.chatTitle ||\n      this.copyConversationCallback ||\n      this.deleteConversationCallback;\n\n    const renderButtonsGroup =\n      this.copyConversationCallback || this.deleteConversationCallback;\n    return (\n      <Host\n        class={{\n          \"chat-container\": true,\n          \"with-header\": !!renderHeader\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {renderHeader && (\n            <header class=\"header tiny-semi-bold-l\">\n              {this.chatTitle && this.chatTitle}\n              {renderButtonsGroup && (\n                <ch-action-menu-render\n                  class=\"dropdown\"\n                  blockAlign=\"inside-start\"\n                  inlineAlign=\"inside-end\"\n                  model={this.#menuItems}\n                  expanded={this.menuIsExpanded}\n                  onExpandedChange={this.#menuExpandedChangeHandler}\n                >\n                  <button\n                    class=\"button-tertiary button-icon-only\"\n                    onClick={this.#showMenuHandler}\n                    type=\"button\"\n                    aria-label={this.#componentLocale.showMenuAriaLabel}\n                    title={this.#componentLocale.showMenuAriaLabel}\n                  >\n                    <ch-image\n                      class=\"icon-md\"\n                      src={MORE_HORIZONTAL_ICON}\n                    ></ch-image>\n                  </button>\n                  {this.copyConversationCallback && (\n                    <button\n                      class=\"button-tertiary button-icon-and-text button-copy-chat\"\n                      slot=\"copy-chat-button\"\n                      onClick={this.#copyConversationHandler}\n                      type=\"button\"\n                      aria-label={\n                        this.#componentLocale.copyConversationAriaLabel\n                      }\n                      title={this.#componentLocale.copyConversationAriaLabel}\n                    >\n                      <ch-image class=\"icon-md\" src={COPY_ICON}></ch-image>\n                      {this.#componentLocale.copyConversationLabel}\n                    </button>\n                  )}\n                  {this.deleteConversationCallback && (\n                    <button\n                      class=\"button-tertiary button-icon-and-text button-delete-chat\"\n                      slot=\"delete-chat-button\"\n                      onClick={this.#deleteConversationHandler}\n                      type=\"button\"\n                      aria-label={\n                        this.#componentLocale.deleteConversationAriaLabel\n                      }\n                      title={this.#componentLocale.deleteConversationAriaLabel}\n                    >\n                      <ch-image class=\"icon-md\" src={DELETE_ICON}></ch-image>\n                      {this.#componentLocale.clearConversationLabel}\n                    </button>\n                  )}\n                </ch-action-menu-render>\n              )}\n            </header>\n          )}\n          <section class=\"ch-chat-container\">\n            <slot></slot>\n            {this.displayConversationCopiedMessage && (\n              <div class=\"chat-container__conversation-copied\">\n                <div class=\"chat-container__conversation-copied-wrapper\">\n                  <ch-image class=\"icon-md\" src={CONVERSATION_ICON}></ch-image>\n                  <p class=\"body-regular-l\">conversation copied</p>\n                </div>\n              </div>\n            )}\n          </section>\n          {/* <footer class=\"footer elevation-1\">footer</footer> */}\n        </section>\n      </Host>\n    );\n  }\n}\n",":host {\n  block-size: 100%;\n}\n\n$sharedPadding: var(--mer-spacing--md);\n\n.welcome-container {\n  --opacity: 1;\n  --translate-y: 0;\n  opacity: var(--opacity);\n  transform: translateY(var(--translate-y));\n  transition: all var(--transition-duration);\n  display: flex;\n  block-size: 100%;\n  grid-template-rows: max-content max-content;\n  flex-direction: column;\n  justify-content: space-between;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-size: contain;\n\n  &.hidden {\n    --opacity: 0;\n    --translate-y: 4px;\n  }\n}\n\n%absolute-centered {\n  position: absolute;\n  inset-inline-start: 50%;\n  inset-block-start: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.header {\n  --opacity: 0;\n  --translate-y: 3px;\n  transition: all var(--transition-duration) var(--transition-delay)\n    cubic-bezier(0.4, 0, 0.2, 1);\n  transform: translateY(var(--translate-y));\n  opacity: var(--opacity);\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--md);\n  align-items: center;\n  padding: $sharedPadding;\n\n  &--visible {\n    --opacity: 1;\n    --translate-y: 0;\n  }\n\n  &__circle {\n    $circleSize: 55px;\n    inline-size: $circleSize;\n    block-size: $circleSize;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center center;\n    margin-block-end: -6px;\n  }\n\n  &__title {\n    display: grid;\n    text-align: center;\n    margin: 0;\n    text-align: center;\n    white-space: pre-line;\n    line-height: 1.3;\n    font-weight: 600;\n    font-size: var(--font-size-header-h3);\n  }\n\n  &__greeting {\n    line-height: 1.4;\n    text-align: center;\n    font-weight: 300;\n  }\n}\n\n.suggested-prompts {\n  --opacity: 1;\n  opacity: var(--opacity);\n  transition: opacity var(--transition-duration);\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--md);\n  list-style: none;\n  margin: 0;\n  padding: $sharedPadding;\n\n  &.hidden {\n    --opacity: 0;\n  }\n\n  &__item {\n  }\n\n  &__button {\n    opacity: 0;\n    transform: translateX(-3px);\n    animation: fadeInSuggestedPromptButton var(--mer-timing--regular) ease\n      forwards;\n    animation-delay: var(--delay, 0s);\n\n    border: 0;\n    padding: var(--mer-spacing--sm);\n    border-radius: 30px;\n    font-size: 14px; // TODO : Use a token when available\n    font-style: oblique;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n    background-color: #22334a; // TODO : Use a token when available\n    font-weight: 100;\n\n    &:hover {\n      background-color: #1a2b42;\n    }\n  }\n}\n\n@keyframes fadeInSuggestedPromptButton {\n  from {\n    opacity: 0;\n    transform: translateX(-3px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n","/* eslint-disable @stencil-community/strict-mutable */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\n\nconst HEADER_ILLUSTRATION = getAssetPath(\n  `./gx-ide-assets/chat-welcome/images/header-illustration.svg`\n);\nconst AI_AVATAR = getAssetPath(\n  `./gx-ide-assets/chat-welcome/images/ai-avatar-welcome.svg`\n);\n\nconst HEADER_TRANSITION_DELAY: number = 100;\nconst HEADER_TRANSITION_DURATION: number = 500;\nconst SUGGESTED_PROMPT_BUTTON_INTERVAL: number = 200;\nconst SUGGESTED_PROMPT_BUTTONS_DELAY: number = 500;\nconst WELCOME_EXIT_DURATION: number = 100;\n\nconst AI_ICON = getIconPath({\n  category: \"system\",\n  name: \"assistant\",\n  colorType: \"primary\"\n});\nconst ARROW_RIGHT_ICON = getIconPath({\n  category: \"system\",\n  name: \"arrow-right\",\n  colorType: \"primary\"\n});\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/chat\",\n  \"components/icon\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-chat-welcome\",\n  styleUrl: \"chat-welcome.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/chat-welcome\"]\n})\nexport class GxIdeChatWelcome {\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeChatWelcomeElement;\n\n  /**\n   * When true, it will display the welcome elements (title, greeting, and buttons)\n   */\n  @State() showHeader: boolean = false;\n\n  /**\n   * When true, it will display the suggested prompts buttons\n   */\n  @State() showSuggestedPrompts: boolean = false;\n\n  /**\n   * When true, it will hide entire welcome layout\n   */\n  @State() hideWelcome: boolean = false;\n\n  /**\n   * The welcome title, if not provided, the default title will be used.\n   */\n  @Prop({ mutable: true }) welcomeTitle?: string;\n\n  /**\n   * The welcome greeting description, if not provided, the default title will be used.\n   */\n  @Prop({ mutable: true }) welcomeGreeting?: string;\n\n  /**\n   * The suggested prompts, if not provided, the default title will be used.\n   */\n  @Prop({ mutable: true }) suggestedPrompts?: string[];\n\n  /**\n   * Fired when the user clicks on a suggested prompt button\n   */\n  @Prop() readonly suggestedPrompRequestedCallback: (\n    prompt: string\n  ) => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // Set defaults\n    if (!this.welcomeTitle) {\n      this.welcomeTitle = this.#componentLocale.welcomeTitle;\n    }\n    if (!this.welcomeGreeting) {\n      this.welcomeGreeting = this.#componentLocale.welcomeGreeting;\n    }\n    if (!this.suggestedPrompts) {\n      this.suggestedPrompts = this.#componentLocale.suggestedPrompts;\n    }\n  }\n\n  componentDidRender() {\n    if (!this.hideWelcome) {\n      this.#animationEntrance();\n    }\n  }\n\n  /**\n   * It will exit the wellcome screen and remove it from the dom.\n   */\n  @Method()\n  async exitWelcome() {\n    this.#animationExit();\n  }\n\n  #animationEntrance = () => {\n    setTimeout(() => {\n      this.showHeader = true;\n      setTimeout(() => {\n        this.showSuggestedPrompts = true;\n      }, SUGGESTED_PROMPT_BUTTONS_DELAY);\n    }, HEADER_TRANSITION_DELAY + HEADER_TRANSITION_DURATION);\n  };\n\n  #sendPromptToChat = async (e: MouseEvent) => {\n    const prompt = (e.currentTarget as HTMLButtonElement).dataset[\"prommpt\"];\n    await this.#animationExit();\n    this.suggestedPrompRequestedCallback(prompt);\n  };\n\n  #animationExit = async (): Promise<void> => {\n    this.hideWelcome = true;\n    await new Promise(resolve => setTimeout(resolve, WELCOME_EXIT_DURATION));\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div\n          class={{ \"welcome-container\": true, \"hidden\": this.hideWelcome }}\n          style={{\n            \"backgroundImage\": `url(${HEADER_ILLUSTRATION})`,\n            \"--transition-duration\": `${WELCOME_EXIT_DURATION}ms`\n          }}\n        >\n          <header\n            class={{ \"header\": true, \"header--visible\": this.showHeader }}\n            style={{\n              \"--transition-delay\": `${HEADER_TRANSITION_DELAY}ms`,\n              \"--transition-duration\": `${HEADER_TRANSITION_DURATION}ms`\n            }}\n          >\n            <span\n              class=\"header__circle\"\n              style={{ backgroundImage: `url(${AI_AVATAR})` }}\n            ></span>\n            <h2 class=\"header__title\">{this.welcomeTitle}</h2>\n            <p class=\"header__greeting\">{this.welcomeGreeting}</p>\n          </header>\n\n          {this.suggestedPrompts && this.showSuggestedPrompts && (\n            <ul class=\"suggested-prompts\">\n              {this.suggestedPrompts.map((prompt, i) => (\n                <li class=\"suggested-prompts__item\">\n                  <button\n                    class={{\n                      \"suggested-prompts__button\": true\n                    }}\n                    onClick={this.#sendPromptToChat}\n                    style={{\n                      \"--delay\": `${SUGGESTED_PROMPT_BUTTON_INTERVAL * i}ms`\n                    }}\n                    data-prommpt={prompt}\n                  >\n                    <ch-image src={AI_ICON} class=\"icon-md\"></ch-image>\n                    {prompt}\n                    <ch-image src={ARROW_RIGHT_ICON} class=\"icon-md\"></ch-image>\n                  </button>\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-007173ef.entry.js → p-e28e6bc4.entry.js}

@@ -1,12 +1,10 @@
 import { g as e, r as t, h as s, H as i, a as r } 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 { L as a } from "./p-311eedf3.js";
 
-import { A as n } from "./p-9a609b51.js";
+import { A as n } from "./p-48f5911b.js";
 
 const l = ":host{--wrapper-copacity:0;--wrapper-min-inline-size:700px;--wrapper-max-inline-size:1040px;--wrapper-block-size:640px;transition:var(--mer-timing--regular) opacity;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;padding:16px;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(--mer-surface__elevation--01);border-radius:var(--mer-spacing--sm);overflow:auto;transform:translateY(6px)}.side-inline-start{background-size:cover}.side-inline-end{position:relative;display:grid;grid-template-rows:max-content 1fr max-content;padding:64px 80px;transition:1000ms grid-template-rows;overflow:auto}.close-button{position:absolute;inset-inline-end:0;inset-block-start:0}.header{display:grid;gap:var(--mer-spacing--md);margin-block-end:92px}.header__logo__close-button{display:flex;justify-content:space-between}.title{color:var(--mer-text__on-surface);font-size:var(--mer-font__size--xl);font-weight:var(--mer-font__weight--semi-bold);letter-spacing:0.02em}.header__description{color:var(--mer-text__complementary);line-height:1.45 !important}.main{display:flex;flex-direction:column;gap:var(--mer-spacing--sm);overflow:auto}.log__container{--logVisibleLines:6;--logFontSize:12px;--logLineHeight:1.2;--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:monospace;color:var(--mer-text__complementary);display:flex;flex-direction:column-reverse;gap:var(--logGap);overflow:hidden}.log__container:hover{overflow:auto}.log__message{opacity:0;transition:var(--mer-timing--regular) opacity;animation:fadeInLogMessage 0.45s ease-out forwards}.log__message--error{color:var(--mer-text__error)}.footer{display:grid;grid-auto-rows:max-content;gap:var(--mer-spacing--sm);margin-block-start:var(--mer-spacing--lg)}.error-message{font-family:monospace;font-size:13px;line-height:1.5;color:var(--mer-text__error);margin-block-start:auto;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.status--processing{display:flex;flex-direction:row;align-items:baseline;gap:4px}@keyframes fadeInLogMessage{from{opacity:0}to{opacity:1}}";
 
@@ -147,4 +145,4 @@ d = new WeakMap;
 u.style = l;
 
 export { u as gx_ide_splash };
-//# sourceMappingURL=p-007173ef.entry.js.map
+//# sourceMappingURL=p-e28e6bc4.entry.js.map

package/dist/genexus-ide-ui/{p-007173ef.entry.js.map → p-e28e6bc4.entry.js.map}

@@ -1 +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","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\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(--mer-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: 16px;\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(--mer-surface__elevation--01);\n  border-radius: var(--mer-spacing--sm);\n\n  overflow: auto;\n  transform: translateY(6px);\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: 64px 80px;\n\n  transition: 1000ms 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(--mer-spacing--md);\n  margin-block-end: 92px;\n}\n.header__logo__close-button {\n  display: flex;\n  justify-content: space-between;\n}\n.title {\n  color: var(--mer-text__on-surface);\n  font-size: var(--mer-font__size--xl);\n  font-weight: var(--mer-font__weight--semi-bold);\n  letter-spacing: 0.02em;\n}\n.header__description {\n  color: var(--mer-text__complementary);\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(--mer-spacing--sm);\n  // margin-block-start: auto;\n\n  overflow: auto;\n}\n.log__container {\n  --logVisibleLines: 6;\n  --logFontSize: 12px; // 12px is the font size of .tiny-regular-l\n  --logLineHeight: 1.2; // 1.2 is the line-height of .tiny-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: monospace;\n  color: var(--mer-text__complementary);\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.log__message {\n  opacity: 0;\n  transition: var(--mer-timing--regular) opacity;\n  animation: fadeInLogMessage 0.45s ease-out forwards;\n\n  &--error {\n    color: var(--mer-text__error);\n  }\n}\n\n// footer\n.footer {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: var(--mer-spacing--sm);\n  margin-block-start: var(--mer-spacing--lg);\n}\n.error-message {\n  font-family: monospace;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--mer-text__error);\n  margin-block-start: auto;\n  // TODO: Use clamp from a helper mixin\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n}\n\n// helpers\n.status--processing {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  gap: 4px;\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  \"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   * 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\">{this.#componentLocale.title}</h2>\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                        \"tiny-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\">\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-md\" 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":";;;;;;;;;;AAAA,MAAMA,IAAY;;;;;;;;;;;;;;;;;ACelB,MAAMC,IAA0BC,EAC9B;;AAEF,MAAMC,IAAYD,EAChB;;AAEF,MAAME,IAA8B,EAClC,qBACA,oBACA,qBACA;;AAGF,MAAMC,IAAgBC,EAAY;EAChCC,UAAU;EACVC,MAAM;EACNC,WAAW;;;MASAC,IAAa;;;;;;;QAKxBC,EAAAC,IAAAC,WAAA;oBAO6B;;;oBAiBc;;0BAUA;2BAKC;kCAKO;;EAEnD,uBAAMC;IACJC,EAAAF,MAAIF,SAA0BK,EAAOC,oBAAoBJ,KAAKK,KAAG;;EAGnE,MAAAC;;IACE,MAAMC,IAAoBP,KAAKQ,mBAAmBR,KAAKS;IACvD,MAAMC,IACJV,KAAKW,kBAAkBX,KAAKY,gBAAgBZ,KAAKa,SAASC,SAAS;IACrE,MAAMC,MACFf,KAAKW,kBAAkBX,KAAKY,mBAAiBI,IAAAhB,KAAKa,cAAQ,QAAAG,WAAA,aAAAA,EAAEF,UAAS;IACzE,MAAMG,IACJjB,KAAKkB,2BAA2BH;IAElC,IAAII,IACFC,EAAApB,MAAIF,GAAA,KAAkBuB,SAASC;IACjC,IAAIf,GAAmB;MACrBY,IAA2B,GAAGA,KAC5BC,EAAApB,MAAIF,GAAA,KAAkBuB,SAASE;;IAInC,OACEC,EAACC,GAAI,MACHD,EAAA;MAAUE,OAAOnC;QACjBiC,EAAA;MACEG,OAAO;QACLC,YAAY;QACZC,SAAS;;OAGXL,EAAA;MACEG,OAAM;MACNG,OAAO;QAAEC,iBAAiB,OAAO3C;;MACjC4C,MAAK;QAGPR,EAAA;MAASG,OAAM;OACbH,EAAA;MAAQG,OAAM;OACZH,EAAA;MACES,KAAK3C;MACL4C,KAAKd,EAAApB,MAAIF,GAAA,KAAkBqC;QAE7BX,EAAA;MAAIG,OAAM;OAASP,EAAApB,MAAIF,GAAA,KAAkBsC,QACzCZ,EAAA;MAAGG,OAAM;OACNP,EAAApB,MAAIF,GAAA,KAAkBuC,oBAEzBb,EAAA;MAAGG,OAAM;OACNP,EAAApB,MAAIF,GAAA,KAAkBwC,aAI3Bd,EAAA;MAAMG,OAAM;OACTZ,KACCS,EAAA;MACEG,OAAO;QACL,kBAAkB;QAClB,sBAAsB;;OAGvBP,EAAApB,MAAIF,GAAA,KAAkByC,sBACtBC,EAAe,QAAQ,gBAI5BhB,EAAA;MACEG,OAAM;MACNK,MAAK;MAAQ,aACH;MAAQ,aACPhC,KAAKyC;QAEfC,IAAA1C,KAAKa,cAAQ,QAAA6B,WAAA,aAAAA,EAAEC,UAAUC,KAAI,CAACC,GAASC,MAEpCtB,EAAA;MACEG,OAAO;QACL,kBAAkB;QAClBoB,cAAgB;QAChB,uBAAuBF,EAAQG,SAAS;;MAE1CC,KAAKjD,KAAKa,SAASC,SAASgC;OAE3BD,EAAQK,UAMhBjC,KACCO,EAAA;MAAGG,OAAM;OACNjB,KACCc,EAAA,cAAOL,IAGRT,KACCV,KAAKkB,0BAA0BM,EAAA,sBAEhCxB,KAAKkB,0BACJM,EAAA,cAAOJ,EAAApB,MAAIF,GAAA,KAAkBuB,SAAS8B,kBAM9C3B,EAAA;MAAQG,OAAM;OACZH,EAAA;MAAKG,OAAM;OACR3B,KAAKkB,0BACJM,EAAA;MACEyB,KAAI;MACJtB,OAAM;MACNyB,SAASpD,KAAKqD;OAEbjC,EAAApB,MAAIF,GAAA,KAAkBwD,iBAI1B/C,KACCiB,EAAA;MACEyB,KAAI;MACJtB,OAAM;MACNyB,SAASpD,KAAKS;OAEde,EAAA;MAAUG,OAAM;MAAUM,KAAKzC;QAC9B4B,EAAApB,MAAIF,GAAA,KAAkByD,UAI1BvD,KAAKY,gBAAgBZ,KAAKW,kBACzBa,EAAA;MAAQG,OAAM;MAAmByB,SAASpD,KAAKY;OAC5CQ,EAAApB,MAAIF,GAAA,KAAkB0D"}
+{"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","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\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(--mer-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: 16px;\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(--mer-surface__elevation--01);\n  border-radius: var(--mer-spacing--sm);\n\n  overflow: auto;\n  transform: translateY(6px);\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: 64px 80px;\n\n  transition: 1000ms 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(--mer-spacing--md);\n  margin-block-end: 92px;\n}\n.header__logo__close-button {\n  display: flex;\n  justify-content: space-between;\n}\n.title {\n  color: var(--mer-text__on-surface);\n  font-size: var(--mer-font__size--xl);\n  font-weight: var(--mer-font__weight--semi-bold);\n  letter-spacing: 0.02em;\n}\n.header__description {\n  color: var(--mer-text__complementary);\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(--mer-spacing--sm);\n  // margin-block-start: auto;\n\n  overflow: auto;\n}\n.log__container {\n  --logVisibleLines: 6;\n  --logFontSize: 12px; // 12px is the font size of .tiny-regular-l\n  --logLineHeight: 1.2; // 1.2 is the line-height of .tiny-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: monospace;\n  color: var(--mer-text__complementary);\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.log__message {\n  opacity: 0;\n  transition: var(--mer-timing--regular) opacity;\n  animation: fadeInLogMessage 0.45s ease-out forwards;\n\n  &--error {\n    color: var(--mer-text__error);\n  }\n}\n\n// footer\n.footer {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: var(--mer-spacing--sm);\n  margin-block-start: var(--mer-spacing--lg);\n}\n.error-message {\n  font-family: monospace;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--mer-text__error);\n  margin-block-start: auto;\n  // TODO: Use clamp from a helper mixin\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n}\n\n// helpers\n.status--processing {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  gap: 4px;\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  \"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   * 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\">{this.#componentLocale.title}</h2>\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                        \"tiny-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\">\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-md\" 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-4cbc8a8b.entry.js → p-eb9e760d.entry.js}

@@ -1,8 +1,6 @@
 import { r as t, g as e, h as i, H as s, a } from "./p-25a9f1d7.js";
 
-import { g as l } from "./p-6e4208d8.js";
-
-import "./p-5ac47c69.js";
+import { g as l } from "./p-ede7bd20.js";
 
 import { L as o } from "./p-311eedf3.js";
 
@@ -26,7 +24,7 @@ const mapCategoryToComboBoxItemModel = t => t.map((t => ({
   caption: t.label
 })));
 
-const d = ':host{block-size:100%;display:grid;grid-template-rows:auto 1fr auto;overflow:auto}.section{display:contents}.filter-layout{grid-template:"pattern type" "category module" "modified modified";grid-template-columns:1fr 1fr}.pattern{grid-area:pattern}.type{grid-area:type}.category{grid-area:category}.module{grid-area:module}.modified-accordion{grid-area:modified;display:flex;flex-direction:column}.field-group-modified{grid-template-columns:1fr 1fr 1fr}.input-date-time{block-size:calc( var(--control__font-size--regular) * var(--control__line-height) + var(--control__padding-block) * 2 + var(--control__border-width) * 2 )}gx-ide-container::part(content){display:grid}ch-tabular-grid{overflow:auto}.tabular-grid-object-selector ch-tabular-grid-cell:is(:nth-child(5)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.objects-count{display:grid;grid-template-columns:1fr 1fr;border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.objects-selected,.objects-matching{padding-block-end:var(--mer-spacing--xs)}ch-tabular-grid-rowset-empty{position:relative}ch-tabular-grid.empty-result::part(main){overflow:hidden}input::-webkit-datetime-edit-fields-wrapper{padding:none}';
+const d = ':host{block-size:100%;display:grid;grid-template-rows:auto 1fr auto;overflow:auto}.section{display:contents}.filter-layout{grid-template:"pattern type" "category module" "modified modified";grid-template-columns:1fr 1fr}.pattern{grid-area:pattern}.type{grid-area:type}.category{grid-area:category}.module{grid-area:module}.modified-accordion{grid-area:modified;display:flex;flex-direction:column}.field-group-modified{grid-template-columns:1fr 1fr 1fr}.input-date-time{block-size:calc( var(--control__font-size--regular) * var(--control__line-height) + var(--control__padding-block) * 2 + var(--control__border-width) * 2 )}gx-ide-container::part(content){display:grid}ch-tabular-grid{overflow:auto}.tabular-grid-object-selector ch-tabular-grid-cell:is(:nth-child(5)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.objects-count{display:grid;grid-template-columns:1fr 1fr;border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.objects-selected,.objects-matching{padding-block-end:var(--mer-spacing--xs)}ch-tabular-grid-rowset-empty{position:relative}ch-tabular-grid.empty-result::part(main){overflow:hidden}input::-webkit-datetime-edit-fields-wrapper{padding:none}';
 
 var h = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
   if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
@@ -41,7 +39,7 @@ var f = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, a)
   return s === "a" ? a.call(t, i) : a ? a.value = i : e.set(t, i), i;
 };
 
-var u, p, b, m, g, w, v, y, k, M, W, x, j, _, T, C, z, D, $, E, F, I, P, S, N, L, K, V, A, B;
+var u, p, b, m, g, w, v, y, k, M, W, x, j, _, T, z, C, D, $, E, F, I, P, S, N, L, K, V, A, B;
 
 const H = [ "resets/box-sizing", "utils/form--full", "components/accordion", "components/tabular-grid", "utils/typography", "utils/layout", "utils/spacing" ];
 
@@ -91,7 +89,7 @@ const O = class {
     T.set(this, (() => {
       h(this, W, "f").selectAllRows(false);
     }));
-    C.set(this, (t => {
+    z.set(this, (t => {
       const e = h(this, u, "f");
       if (t === "selected") {
         if (this.selectedObjectsIdsArray.length === 0) {
@@ -111,7 +109,7 @@ const O = class {
       }
       return `${this.objects.length} ${e.objCount.matching.many}`;
     }));
-    z.set(this, (() => {
+    C.set(this, (() => {
       const t = new Date;
       const e = t.toISOString().split("T")[0];
       const i = t.toISOString().split("T")[1].slice(0, 5);
@@ -296,10 +294,10 @@ const O = class {
     }, i("p", {
       class: "body-regular-s objects-selected",
       part: "objects-selected"
-    }, h(this, C, "f").call(this, "selected")), i("p", {
+    }, h(this, z, "f").call(this, "selected")), i("p", {
       class: "body-regular-s objects-matching",
       part: "objects-matching"
-    }, h(this, C, "f").call(this, "matching"))), i("div", {
+    }, h(this, z, "f").call(this, "matching"))), i("div", {
       class: "control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end"
     }, i("button", {
       // button new object
@@ -463,7 +461,7 @@ const O = class {
     this.types = undefined;
   }
   async connectedCallback() {
-    J = h(this, z, "f").call(this);
+    J = h(this, C, "f").call(this);
   }
   async componentWillLoad() {
     f(this, u, await o.getComponentStrings(this.el), "f");
@@ -517,11 +515,11 @@ const O = class {
 u = new WeakMap, p = new WeakMap, b = new WeakMap, m = new WeakMap, g = new WeakMap, 
 w = new WeakMap, v = new WeakMap, y = new WeakMap, k = new WeakMap, M = new WeakMap, 
 W = new WeakMap, x = new WeakMap, j = new WeakMap, _ = new WeakMap, T = new WeakMap, 
-C = new WeakMap, z = new WeakMap, D = new WeakMap, $ = new WeakMap, E = new WeakMap, 
+z = new WeakMap, C = new WeakMap, D = new WeakMap, $ = new WeakMap, E = new WeakMap, 
 F = new WeakMap, I = new WeakMap, P = new WeakMap, S = new WeakMap, N = new WeakMap, 
 L = new WeakMap, K = new WeakMap, V = new WeakMap, A = new WeakMap, B = new WeakMap;
 
 O.style = d;
 
 export { O as gx_ide_object_selector };
-//# sourceMappingURL=p-4cbc8a8b.entry.js.map
+//# sourceMappingURL=p-eb9e760d.entry.js.map