@genexus/genexus-ide-ui 0.0.44 → 0.0.46

package/dist/types/components/new-kb/new-kb.d.ts

@@ -7,10 +7,6 @@ export declare class GxIdeNewKb {
    * The component hard-coded strings translations.
    */
   private _componentLocale;
-  /**
-   * An object with the initial value for each multi-option element.
-   */
-  private _initialComboValue;
   el: HTMLGxIdeNewKbElement;
   private authenticationTypeEl;
   private collationEl;
@@ -34,11 +30,11 @@ export declare class GxIdeNewKb {
   /**
    * It allows defining the DBMS that will be used in the solution
    */
-  readonly dataSources: GxOption[];
+  defaultDataSources: GxOption[];
   /**
    * It allows selecting multiple generators for the front end
    */
-  readonly frontEnds: GxOption[];
+  frontEnds: GxOption[];
   /**
    * Specify whether it is feasible to display information related to local configuration parameters
    */
@@ -111,16 +107,20 @@ export declare class GxIdeNewKb {
    * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
    */
   readonly cancelCallback: CancelCallback;
+  /**
+   * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
+   */
+  readonly getDataSourcesCallback: GetDataSourcesCallback;
+  /**
+   * Callback invoked when the user changes the prototyping environment, allowing for the modification of the list of front ends
+   */
+  readonly getFrontEndsCallback: GetFrontEndsCallback;
   /**
    * This event is emitted once just after the component is fully loaded and the first render() occurs
    */
   componentDidRenderEvent: EventEmitter<boolean>;
   componentWillLoad(): Promise<void>;
   componentDidRender(): void;
-  /**
-   * Set the initial/selected option for multi-option components
-   */
-  private setInitialValues;
   /**
    * @description If Server Name first option is selected, "Create Data in Knowledge Base Folder" should be disabled
    */
@@ -134,6 +134,13 @@ export declare class GxIdeNewKb {
    */
   private selectLocationHandler;
   private getFrontEndOptionsValues;
+  /**
+   * @description it evaluates what front end options need to be updated on 'getFrontEndsCallback', by comparing the new state (getFrontEndsCallback promise result) and the previous state (previousFrontEndsState)
+   */
+  private updateFrontEnds;
+  private getDataSources;
+  private prototypingEnvironmentValueChangedHandler;
+  private prototypingTargetValueChangedHandler;
   private createKbHandler;
   private cancelKbHandler;
   private renderTabBasic;
@@ -162,4 +169,6 @@ export interface NewKBData {
 }
 export type CreateCallback = (data: NewKBData) => Promise<FormSubmitResult>;
 export type CancelCallback = () => Promise<void>;
+export type GetDataSourcesCallback = (selectedPrototypingEnvironmentId: string, selectedPrototypingTargetId: string) => Promise<GxOption[]>;
+export type GetFrontEndsCallback = (selectedPrototypingEnvironmentId: string) => Promise<GxOption[]>;
 export type SelectLocationCallback = () => Promise<string>;

package/dist/types/components.d.ts

@@ -14,7 +14,7 @@ import { EntitySelectorLabels } from "./components/entity-selector/entity-select
 import { LabelPosition as LabelPosition1 } from "./components/directory-selector/directory-selector";
 import { ItemData } from "./components/list-selector/list-selector-item/list-selector-item";
 import { CancelCallback, ChangedCallback, CreateCallback } from "./components/new-environment/new-environment";
-import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, SelectLocationCallback } from "./components/new-kb/new-kb";
+import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, GetDataSourcesCallback, GetFrontEndsCallback, SelectLocationCallback } from "./components/new-kb/new-kb";
 import { CancelCallback as CancelCallback2, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
 import { CancelCallback as CancelCallback3, LoadCallback, NewObjectCallback, ObjectType, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback1 } from "./components/object-selector/object-selector";
 import { LoadReferencesCallback, ObjectData, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
@@ -321,18 +321,26 @@ export namespace Components {
           * Disabled if the first item of the 'Server Name' combo is selected
          */
         "createDataFilesInKBFolder": boolean;
-        /**
-          * It allows defining the DBMS that will be used in the solution
-         */
-        "dataSources": GxOption[];
         /**
           * Name of the database where we are going to persist the information of our KB
          */
         "databaseName": string;
+        /**
+          * It allows defining the DBMS that will be used in the solution
+         */
+        "defaultDataSources": GxOption[];
         /**
           * It allows selecting multiple generators for the front end
          */
         "frontEnds": GxOption[];
+        /**
+          * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
+         */
+        "getDataSourcesCallback": GetDataSourcesCallback;
+        /**
+          * Callback invoked when the user changes the prototyping environment, allowing for the modification of the list of front ends
+         */
+        "getFrontEndsCallback": GetFrontEndsCallback;
         /**
           * Specify whether it is feasible to display information related to local configuration parameters
          */
@@ -1295,18 +1303,26 @@ declare namespace LocalJSX {
           * Disabled if the first item of the 'Server Name' combo is selected
          */
         "createDataFilesInKBFolder"?: boolean;
-        /**
-          * It allows defining the DBMS that will be used in the solution
-         */
-        "dataSources": GxOption[];
         /**
           * Name of the database where we are going to persist the information of our KB
          */
         "databaseName"?: string;
+        /**
+          * It allows defining the DBMS that will be used in the solution
+         */
+        "defaultDataSources": GxOption[];
         /**
           * It allows selecting multiple generators for the front end
          */
         "frontEnds": GxOption[];
+        /**
+          * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
+         */
+        "getDataSourcesCallback"?: GetDataSourcesCallback;
+        /**
+          * Callback invoked when the user changes the prototyping environment, allowing for the modification of the list of front ends
+         */
+        "getFrontEndsCallback"?: GetFrontEndsCallback;
         /**
           * Specify whether it is feasible to display information related to local configuration parameters
          */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,10 +36,10 @@
     "@types/react": "^18.2.8"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*0.1.471"
+    "@genexus/gemini": "*0.1.479"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.1.471",
+    "@genexus/gemini": "*0.1.479",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

package/dist/cjs/ch-checkbox.cjs.entry.js

@@ -1,93 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5a32426a.js');
-const reserverdNames = require('./reserverd-names-1b00889a.js');
-
-const checkboxCss = "*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, #000);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px #00000040}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:#000;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";
-
-const CHECKBOX_ID = "checkbox";
-const PARTS = (checked, indeterminate) => `${checked ? " checked" : ""}${indeterminate ? " indeterminate" : ""}`;
-const CheckBox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.click = index.createEvent(this, "click", 7);
-    this.input = index.createEvent(this, "input", 7);
-    /**
-     * This attribute lets you specify if the element is disabled.
-     * If disabled, it will not fire any user interaction related event
-     * (for example, click event).
-     */
-    this.disabled = false;
-    /**
-     * True to highlight control when an action is fired.
-     */
-    this.highlightable = false;
-    /**
-     * `true` if the control's value is indeterminate.
-     */
-    this.indeterminate = false;
-    /**
-     * This attribute indicates that the user cannot modify the value of the control.
-     * Same as [readonly](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)
-     * attribute for `input` elements.
-     */
-    this.readonly = false;
-    this.getValue = (checked) => checked ? this.checkedValue : this.unCheckedValue;
-    /**
-     * Checks if it is necessary to prevent the click from bubbling
-     */
-    this.handleClick = (event) => {
-      if (this.readonly || this.disabled) {
-        return;
-      }
-      event.stopPropagation();
-    };
-    this.handleChange = (event) => {
-      event.stopPropagation();
-      const inputRef = event.target;
-      const checked = inputRef.checked;
-      const value = this.getValue(checked);
-      this.checked = checked;
-      this.value = value;
-      inputRef.value = value; // Update input's value before emitting the event
-      this.input.emit(event);
-      if (this.highlightable) {
-        this.click.emit();
-      }
-    };
-  }
-  valueChanged() {
-    this.checked = this.value === this.checkedValue;
-  }
-  componentWillLoad() {
-    this.checked = this.value === this.checkedValue;
-  }
-  render() {
-    var _a;
-    const additionalParts = PARTS(this.checked, this.indeterminate);
-    return (index.h(index.Host, { class: {
-        [reserverdNames.DISABLED_CLASS]: this.disabled,
-        "ch-checkbox--actionable": (!this.readonly && !this.disabled) ||
-          (this.readonly && this.highlightable)
-      } }, index.h("div", { class: {
-        container: true,
-        "container--checked": this.checked
-      }, part: `container${additionalParts}` }, index.h("input", { "aria-label": ((_a = this.accessibleName) === null || _a === void 0 ? void 0 : _a.trim()) !== "" &&
-        this.accessibleName !== this.caption
-        ? this.accessibleName
-        : null, id: this.caption ? CHECKBOX_ID : null, class: "input", part: "input", type: "checkbox", checked: this.checked, disabled: this.disabled || this.readonly, indeterminate: this.indeterminate, value: this.value, onClick: this.handleClick, onInput: this.handleChange }), index.h("div", { class: {
-        option: true,
-        "option--checked": this.checked && !this.indeterminate,
-        "option--indeterminate": this.indeterminate
-      }, part: `option${additionalParts}`, "aria-hidden": "true" })), this.caption && (index.h("label", { class: "label", part: "label", htmlFor: CHECKBOX_ID, onClick: this.handleClick }, this.caption))));
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "value": ["valueChanged"]
-  }; }
-};
-CheckBox.style = checkboxCss;
-
-exports.ch_checkbox = CheckBox;

package/dist/cjs/ch-global-stylesheet-145c4b20.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const CH_GLOBAL_STYLESHEET = new CSSStyleSheet({ disabled: true });
-
-exports.CH_GLOBAL_STYLESHEET = CH_GLOBAL_STYLESHEET;

package/dist/components/ch-grid-rowset-legend2.js

@@ -1,34 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-
-const chGridRowsetLegendCss = ":host{display:flex;grid-column-start:1;grid-column-end:-1;margin-inline-start:calc(var(--indent) * (var(--level) - 1))}:host::part(selector-label){display:none}";
-
-const ChGridRowsetLegend = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.rowsetLegendClicked = createEvent(this, "rowsetLegendClicked", 7);
-  }
-  clickHandler() {
-    this.rowsetLegendClicked.emit();
-  }
-  render() {
-    return (h(Host, null, h("div", { part: "caret" }), h("label", { part: "selector-label" }, h("input", { type: "checkbox", part: "selector" })), h("div", { part: "icon" }), h("slot", null)));
-  }
-  static get style() { return chGridRowsetLegendCss; }
-}, [1, "ch-grid-rowset-legend", undefined, [[1, "click", "clickHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["ch-grid-rowset-legend"];
-  components.forEach(tagName => { switch (tagName) {
-    case "ch-grid-rowset-legend":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ChGridRowsetLegend);
-      }
-      break;
-  } });
-}
-
-export { ChGridRowsetLegend as C, defineCustomElement as d };

package/dist/esm/ch-checkbox.entry.js

@@ -1,89 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0da01575.js';
-import { D as DISABLED_CLASS } from './reserverd-names-2a2d0fb3.js';
-
-const checkboxCss = "*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, #000);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px #00000040}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:#000;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";
-
-const CHECKBOX_ID = "checkbox";
-const PARTS = (checked, indeterminate) => `${checked ? " checked" : ""}${indeterminate ? " indeterminate" : ""}`;
-const CheckBox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.click = createEvent(this, "click", 7);
-    this.input = createEvent(this, "input", 7);
-    /**
-     * This attribute lets you specify if the element is disabled.
-     * If disabled, it will not fire any user interaction related event
-     * (for example, click event).
-     */
-    this.disabled = false;
-    /**
-     * True to highlight control when an action is fired.
-     */
-    this.highlightable = false;
-    /**
-     * `true` if the control's value is indeterminate.
-     */
-    this.indeterminate = false;
-    /**
-     * This attribute indicates that the user cannot modify the value of the control.
-     * Same as [readonly](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)
-     * attribute for `input` elements.
-     */
-    this.readonly = false;
-    this.getValue = (checked) => checked ? this.checkedValue : this.unCheckedValue;
-    /**
-     * Checks if it is necessary to prevent the click from bubbling
-     */
-    this.handleClick = (event) => {
-      if (this.readonly || this.disabled) {
-        return;
-      }
-      event.stopPropagation();
-    };
-    this.handleChange = (event) => {
-      event.stopPropagation();
-      const inputRef = event.target;
-      const checked = inputRef.checked;
-      const value = this.getValue(checked);
-      this.checked = checked;
-      this.value = value;
-      inputRef.value = value; // Update input's value before emitting the event
-      this.input.emit(event);
-      if (this.highlightable) {
-        this.click.emit();
-      }
-    };
-  }
-  valueChanged() {
-    this.checked = this.value === this.checkedValue;
-  }
-  componentWillLoad() {
-    this.checked = this.value === this.checkedValue;
-  }
-  render() {
-    var _a;
-    const additionalParts = PARTS(this.checked, this.indeterminate);
-    return (h(Host, { class: {
-        [DISABLED_CLASS]: this.disabled,
-        "ch-checkbox--actionable": (!this.readonly && !this.disabled) ||
-          (this.readonly && this.highlightable)
-      } }, h("div", { class: {
-        container: true,
-        "container--checked": this.checked
-      }, part: `container${additionalParts}` }, h("input", { "aria-label": ((_a = this.accessibleName) === null || _a === void 0 ? void 0 : _a.trim()) !== "" &&
-        this.accessibleName !== this.caption
-        ? this.accessibleName
-        : null, id: this.caption ? CHECKBOX_ID : null, class: "input", part: "input", type: "checkbox", checked: this.checked, disabled: this.disabled || this.readonly, indeterminate: this.indeterminate, value: this.value, onClick: this.handleClick, onInput: this.handleChange }), h("div", { class: {
-        option: true,
-        "option--checked": this.checked && !this.indeterminate,
-        "option--indeterminate": this.indeterminate
-      }, part: `option${additionalParts}`, "aria-hidden": "true" })), this.caption && (h("label", { class: "label", part: "label", htmlFor: CHECKBOX_ID, onClick: this.handleClick }, this.caption))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "value": ["valueChanged"]
-  }; }
-};
-CheckBox.style = checkboxCss;
-
-export { CheckBox as ch_checkbox };

package/dist/esm/ch-global-stylesheet-f8bbf095.js

@@ -1,3 +0,0 @@
-const CH_GLOBAL_STYLESHEET = new CSSStyleSheet({ disabled: true });
-
-export { CH_GLOBAL_STYLESHEET as C };

package/dist/genexus-ide-ui/p-04f69ecc.entry.js

@@ -1 +0,0 @@
-import{r as t,h as r,H as o,g as a,c as e}from"./p-976c3a09.js";import{s as i}from"./p-e46e26a6.js";import{e as n}from"./p-d8501cb4.js";const l=class{constructor(o){t(this,o),this.headingClasses=()=>({heading:!0,"heading--no-border":this.noHeadingBorder||this.hasOnlyHeading,[`heading--justify-${this.headingJustify}`]:!0,"heading--no-padding":this.noHeadingPadding}),this.contentClasses=()=>({content:!0,"content--flex":this.flexContent,"content--no-padding":this.noContentPadding,"content--no-gap":this.noContentGap,"content--no-border-top":this.noContentBorderTop,[`content--align-items-${this.alignItems}`]:void 0!==this.alignItems,[`content--justify-content-${this.justifyContent}`]:void 0!==this.justifyContent}),this.footer=()=>this.hasFooterSlot?r("footer",{class:{footer:!0,"footer--no-border":this.hasOnlyFooter||!this.hasSlottedContent,[`footer--justify-${this.footerJustify}`]:!0,[`footer--justify-${this.footerJustify}`]:!0,"footer--no-padding":this.noFooterPadding}},r("div",{class:"footer__start"},r("slot",{name:"footer-start"})),r("div",{class:"footer__end"},r("slot",{name:"footer-end"}))):null,this.containerTitle=void 0,this.displayBorder=!1,this.displayBorderTop=!1,this.displayBorderEnd=!1,this.displayBorderBottom=!1,this.displayBorderStart=!1,this.sectionsPadding="m",this.fullHeight=!1,this.titleAlignment="center",this.noHeadingBorder=!1,this.noHeadingPadding=!1,this.headingJustify="center",this.flexContent=!1,this.noContentBorderTop=!1,this.noContentPadding=!1,this.noContentGap=!1,this.alignItems=void 0,this.justifyContent=void 0,this.noFooterPadding=!1,this.footerJustify="end",this.noBorderFooter=!1,this.hasHeaderSlot=!1,this.hasSlottedContent=!1,this.hasFooterSlot=!1,this.hasOnlyHeading=!1,this.hasOnlyFooter=!1}componentWillLoad(){this.evaluateSlots()}evaluateSlots(){this.el.querySelectorAll(':scope > [slot="header"]').length&&(this.hasHeaderSlot=!0),this.el.querySelectorAll(":scope >  :not([slot])").length&&(this.hasSlottedContent=!0);const t=this.el.querySelectorAll(':scope >  [slot="footer-start"]'),r=this.el.querySelectorAll(':scope >  [slot="footer-end"]');(t.length||r.length)&&(this.hasFooterSlot=!0)}evaluateSections(){this.hasSlottedContent||this.hasFooterSlot||(this.hasOnlyHeading=!0),this.hasSlottedContent||this.containerTitle||(this.hasOnlyFooter=!0)}render(){this.evaluateSections();const t=[this.containerTitle||this.hasHeaderSlot?r("header",{class:this.headingClasses()},this.containerTitle?r("gxg-title",{type:"title-04",alignment:this.titleAlignment},this.containerTitle):null,this.hasHeaderSlot?r("div",{class:"heading__inner-wrapper"},r("slot",{name:"header"})):null):null,this.hasSlottedContent?r("div",{class:this.contentClasses(),part:"content"},r("slot",null)):null,this.footer()];return r(o,null,r("div",{class:{container:!0,[`container--padding-${this.sectionsPadding}`]:!0,"container--display-border":this.displayBorder,"container--display-border-top":this.displayBorderTop,"container--display-border-end":this.displayBorderEnd,"container--display-border-bottom":this.displayBorderBottom,"container--display-border-start":this.displayBorderStart}},t))}get el(){return a(this)}};l.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{--gxg-container-elements-spacing:var(--spacing-comp-03);display:block}:host([full-height]){height:100%}:host([full-height]) .container{height:100%;display:flex;flex-direction:column}:host([full-height]) .content{flex-grow:1}.heading,.content,.footer{padding:var(--gxg-container--padding)}.container--padding-s{--gxg-container--padding:var(--spacing-comp-02)}.container--padding-m{--gxg-container--padding:var(--spacing-comp-03)}.container--padding-l{--gxg-container--padding:var(--spacing-comp-04)}.container--display-border{border:1px solid var(--gx-ide-container-border-color)}.container--display-border-top{border-top:1px solid var(--gx-ide-container-border-color)}.container--display-border-end{border-inline-end:1px solid var(--gx-ide-container-border-color)}.container--display-border-bottom{border-bottom:1px solid var(--gx-ide-container-border-color)}.container--display-border-start{border-inline-start:1px solid var(--gx-ide-container-border-color)}.heading{display:flex;flex-direction:column;gap:var(--gxg-container--padding);width:100%;box-sizing:border-box;border-bottom:1px solid var(--gx-ide-container-border-color)}.heading--no-border{border-bottom:0}.heading--no-padding{padding:0}.content{display:block;overflow-x:auto;}.content::-webkit-scrollbar{width:6px;height:6px}.content::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.content::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.content::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.content--no-padding{padding:0}.content--no-border-top{border-top:none}.content--flex{display:flex}.content--no-gap{gap:0}.content--align-items-start{align-items:start}.content--align-items-center{align-items:center}.content--align-items-end{align-items:end}.content--justify-content-start{justify-content:start}.content--justify-content-center{justify-content:center}.content--justify-content-end{justify-content:end}.footer{display:flex;gap:var(--gxg-container-elements-spacing);flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--gx-ide-container-border-color)}.footer__start,.footer__end{display:flex;gap:var(--gxg-container-elements-spacing)}.footer--no-border{border-top:0}.footer--no-padding{padding:0}";const s=class{constructor(r){t(this,r),this.noPadding=!1,this.flexContainer=!1,this.flex=!1,this.overflowAuto=!1,this.flexDirection="column",this.isSelected=!1}render(){return r(o,{class:{"overflow-auto":this.overflowAuto,flex:this.flex&&this.isSelected,open:this.isSelected,"not-selected":!this.isSelected,"no-padding":this.noPadding,large:i.large}},r("div",{class:{container:!0,"container--flex":this.flexContainer,"flex-column":"column"===this.flexDirection,"flex-row":"row"===this.flexDirection},part:"container"},r("slot",null)))}get el(){return a(this)}};s.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{height:100%;display:block}:host .container{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;height:100%;box-sizing:border-box;padding:var(--spacing-comp-03)}:host(.not-selected){display:none}:host(.no-padding) .container{padding:0}:host(.flex){display:flex}:host(.overflow-auto){overflow:auto}.container--flex{display:flex}.container--flex.flex-column{flex-direction:column}.container--flex.flex-row{flex-direction:row}:host(.large) .container{font-size:var(--font-size-lg)}";const g=class{constructor(r){t(this,r),this.parts={buttonMenu:"button-menu"},this.hidden=!1,this.appendedButtons=0,this.tabBarMenuHeight="auto",this.tabBarMenuWidth="auto",this.tabBarMenuCollapsed=!0,this.lastAddedOrRemovedTabBarButtonWidth=0,this.displayBorder=!1,this.rtl=!1,this.evaluateMenuButtonsTabIndex=t=>{t?this.disableTabIndex():this.enableTabIndex()},this.setFocus=t=>{if(t)this.tabBarMenuToggleButton.focus();else{const t=this.el.querySelectorAll("[slot=tab-menu]");t.length&&t[0].focus()}},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=n(t,this.parts);r.length&&(this.exportparts=r)},this.enableTabIndex=()=>{this.el.querySelectorAll("gxg-tab-button").forEach((t=>{t.removeAttribute("tabindex")}))},this.disableTabIndex=()=>{this.el.querySelectorAll("[slot=tab-menu]").forEach((t=>{t.setAttribute("tabindex","-1")}))},this.detectClickOutsideTabBarMenu=this.detectClickOutsideTabBarMenu.bind(this)}openMenu(t){t.stopPropagation(),this.tabBarMenuCollapsed=!1,document.addEventListener("click",this.detectClickOutsideTabBarMenu)}tabBarMenuCollapsedHandler(t){this.evaluateMenuButtonsTabIndex(t),this.setFocus(t)}tabActivatedHandler(){this.tabBarMenuCollapsed=!0}PrevOrNextTabHandler(t){const r=[],o=this.el.querySelectorAll("gxg-tab-button");o&&o.forEach((t=>{t.disabled||t.hidden||r.push(t)}));const a=t.detail.arrowPressed,e=t.target,i=r.findIndex((t=>t===e));let n;"ArrowLeft"===a&&-1!==i?n=r[i-1]:"ArrowRight"===a&&-1!==i&&(n=r[i+1]),n&&n.tabButtonClick()}appendTabItemsToMenu(){const t=this.el.parentElement.position,r=this.el.children.item(0).clientHeight;let o;"top"===t||"bottom"===t?o=this.el.parentElement.offsetWidth:"right"!==t&&"left"!==t||(o=this.el.parentElement.offsetHeight);const a=this.tabBar.offsetWidth;if(a+20>o){const t=this.el.querySelectorAll("gxg-tab-button[slot='tab-bar']"),r=t[t.length-1];r&&(this.lastAddedOrRemovedTabBarButtonWidth=r.offsetWidth,r.classList.add("menu-button"),r.setAttribute("slot","tab-menu"),this.appendedButtons++)}else if(a+20+this.lastAddedOrRemovedTabBarButtonWidth<o){const t=this.el.querySelectorAll("[slot=tab-menu]")[0];t&&(t.classList.remove("menu-button"),t.setAttribute("slot","tab-bar"),this.lastAddedOrRemovedTabBarButtonWidth=t.offsetWidth,this.appendedButtons--)}"right"!==t&&"left"!==t||(this.tabBarMenuHeight=this.appendedButtons*r+"px"),this.evaluateMenuButtonsTabIndex(this.tabBarMenuCollapsed)}componentWillLoad(){this.attachExportParts()}componentDidLoad(){const t=document.getElementsByTagName("html")[0].getAttribute("dir"),r=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==r||(this.rtl=!0),new ResizeObserver((t=>{t.forEach((()=>{this.appendTabItemsToMenu()}))})).observe(this.el.parentElement);const o=this.el.querySelectorAll("gxg-tab-button").length;for(let t=0;t<=o;t++)this.appendTabItemsToMenu();const a=this.el.parentElement.getAttribute("position");"bottom"===a&&(this.tabBarMenuPosition="bottom"),"right"===a&&(this.tabBarMenuPosition="right"),this.setIndexToTabButtons()}setIndexToTabButtons(){this.el.querySelectorAll("gxg-tab-button").forEach(((t,r)=>{t.setAttribute("data-index",r.toString())}))}renderTabBarMenu(){if(this.appendedButtons>0)return r("div",{class:"tab-bar__menu"},r("gxg-button",{onClick:this.openMenu.bind(this),type:"tertiary",icon:"gemini-tools/show-more-vertical",ref:t=>this.tabBarMenuToggleButton=t,part:this.parts.buttonMenu}))}detectClickOutsideTabBarMenu(t){const r=t.x,o=t.y,a=this.tabBarMenu.getBoundingClientRect();r>a.left&&r<a.right&&o>a.top&&o<a.bottom||(this.tabBarMenuCollapsed=!0)}componentDidUnload(){document.removeEventListener("click",this.detectClickOutsideTabBarMenu)}render(){return r(o,{class:{rtl:this.rtl,"gxg-tab-bar":!0,"gxg-tab-bar--hidden":this.hidden},exportParts:this.exportparts?this.exportparts:null},r("nav",{class:{nav:!0,"nav--border":this.displayBorder}},r("ul",{class:"tab-bar",ref:t=>this.tabBar=t},r("slot",{name:"tab-bar"})),this.renderTabBarMenu(),r("ul",{class:{"tab-bar-menu":!0,"tab-bar-menu--collapsed":this.tabBarMenuCollapsed,top:"top"===this.tabBarMenuPosition,right:"right"===this.tabBarMenuPosition,bottom:"bottom"===this.tabBarMenuPosition,left:"left"===this.tabBarMenuPosition},style:{"--tabBarMenuHeight":this.tabBarMenuHeight,"--tabBarMenuWidth":this.tabBarMenuWidth},ref:t=>this.tabBarMenu=t},r("slot",{name:"tab-menu"}))))}get el(){return a(this)}static get watchers(){return{tabBarMenuCollapsed:["tabBarMenuCollapsedHandler"]}}};g.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{--tabBarMenuHeight:0;--tabBarMenuWidth:0;display:inline-flex;text-align:right;position:relative;display:flex;justify-content:space-between}:host .nav{display:flex;justify-content:space-between;width:100%}:host .nav--border{border-bottom:1px solid var(--gxg-border-color--regular)}:host .tab-bar{list-style-type:none;padding-inline-start:0;display:flex !important;margin-bottom:0;margin-top:0;font-family:var(--font-family-primary);background-color:var(--color-background)}:host .tab-bar__menu{display:flex;align-items:center}:host .tab-bar-menu{border-radius:var(--border-width-md);box-shadow:var(--box-shadow-01);height:var(--tabBarMenuHeight);position:absolute;z-index:10;background-color:var(--color-on-primary);right:0;margin:0;padding:0;list-style:none;display:inline-flex;flex-direction:column;overflow:hidden;transition-property:height;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-bar-menu.bottom{bottom:0}:host .tab-bar-menu.right{bottom:0;rotate:90deg;transform-origin:top right;transform:translateX(100%);height:auto !important;width:var(--tabBarMenuHeight)}:host .tab-bar-menu--collapsed{height:0}:host .tab-bar-menu--collapsed.right{width:0}:host(.gxg-tab-bar--hidden){display:none}:host(.rtl) .tab-bar-menu{left:0;right:auto}";const c=class{constructor(r){t(this,r),this.tabActivated=e(this,"tabActivated",7),this.PrevOrNextTab=e(this,"PrevOrNextTab",7),this.parts={button:"button"},this.hidden=!1,this.tabLabel=null,this.tab=null,this.isSelected=!1,this.disabled=!1,this.icon=null,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=n(t,this.parts);r.length&&(this.exportparts=r)}}async tabButtonClick(){this.buttonClickHandler(),this.tabButton.focus()}isSelectedHandler(t){t?this.el.removeAttribute("tabindex"):this.el.setAttribute("tabindex","-1")}hiddenHandler(t){t?this.el.setAttribute("tabindex","-1"):this.el.removeAttribute("tabindex")}buttonClickHandler(){this.isSelected=!0;const t=parseInt(this.el.getAttribute("data-index"),10);this.tabActivated.emit({tab:this.tab,index:t})}buttonKeyDownHandler(t){"ArrowRight"===t.key||"ArrowLeft"===t.key?this.PrevOrNextTab.emit({originTab:this.tab,arrowPressed:t.key}):"ArrowUp"!==t.key&&"ArrowDown"!==t.key||t.preventDefault()}printIcon(){if(null!==this.icon)return r("gxg-icon",this.disabled?{color:"disabled",type:this.icon}:{type:this.icon})}componentWillLoad(){this.attachExportParts(),this.hiddenHandler(this.hidden)}componentDidLoad(){this.isSelected&&this.tabActivated.emit()}render(){return r(o,{class:{large:i.large},exportParts:this.exportparts?this.exportparts:null},r("li",{class:"tab-item"},r("button",{disabled:this.disabled,class:{"tab-button":!0,"tab-button--hidden":this.hidden,"tab-button--selected":!0===this.isSelected,"tab-button--text-icon":null!==this.tabLabel&&null!==this.icon,large:i.large},onClick:this.buttonClickHandler.bind(this),onKeyDown:this.buttonKeyDownHandler.bind(this),ref:t=>this.tabButton=t,part:this.parts.button},this.printIcon(),r("span",{class:"tab-button__text"},this.tabLabel)),r("slot",null)))}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{isSelected:["isSelectedHandler"],hidden:["hiddenHandler"]}}};c.style=':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:block;align-self:center !important;line-height:0}:host .tab-button{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);text-transform:uppercase;color:var(--color-on-background);letter-spacing:var(--letter-spacing-regular);padding-top:0;padding-right:var(--spacing-comp-05);padding-bottom:0;padding-left:var(--spacing-comp-05);margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border:0;width:100%;min-height:var(--spacing-comp-06);position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;transition:box-shadow 0.2s ease-in-out;background:transparent;transition-property:box-shadow;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host .tab-button:after{content:"";width:100%;height:var(--spacing-comp-01);left:0;bottom:0;position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:hover{cursor:pointer}:host .tab-button:hover:focus{outline-color:var(--color-primary-hover)}:host .tab-button:hover:after{background-color:var(--color-primary-hover)}:host .tab-button:active:after{background-color:var(--color-primary-active)}:host .tab-button[disabled]{color:var(--color-primary-disabled);pointer-events:none}:host .tab-button[disabled]:after{background-color:var(--gxg-border-color--disabled)}:host .tab-button--selected:after{background-color:var(--color-primary-active)}:host .tab-button--text-icon gxg-icon{margin-right:var(--spacing-comp-02)}:host .tab-button--hidden{display:none}:host .tab-button__text{display:inline-block}:host([slot=tab-menu]) .tab-button{padding-left:0;padding-right:0}:host(.menu-button){width:100%;box-sizing:border-box;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host(.menu-button) .tab-button{padding:0 var(--spacing-comp-04)}:host(.menu-button) .tab-button:after{display:none}:host(.menu-button:hover){background:var(--color-secondary)}:host(.large) .tab-button{font-size:var(--font-size-lg)}';const f=class{constructor(r){t(this,r),this.position="top",this.height="100%",this.maxHeight="100%",this.minWidth="200px",this.tabBarBorder=!1,this.noPadding=!1,this.activeTab="",this.getTab=t=>this.el.querySelector(`gxg-tab-button[key=${t}]`)}tabActivatedHandler(t){t.stopPropagation(),this.updateActiveChildren(t.target.tab,"gxg-tab-button"),this.updateActiveChildren(t.target.tab,"gxg-tab")}componentWillLoad(){this.configureTabs()}updateActiveChildren(t,r){const o=Array.from(this.el.querySelectorAll(r));for(const r of o)r.isSelected=t===r.tab}configureTabs(){const t=this.el.querySelectorAll("gxg-tab");this.noPadding&&t.forEach((t=>{t.noPadding=!0}))}async setActiveTab(t){if(t){const r=this.getTab(t);(null==r?void 0:r.disabled)||(this.updateActiveChildren(t,"gxg-tab-button"),this.updateActiveChildren(t,"gxg-tab"))}}render(){return r(o,{style:{height:this.height,maxHeight:this.maxHeight,minWidth:this.minWidth}},r("div",{class:"main-container"},"bottom"===this.position?[r("div",{class:"tabs-container"},r("slot",null)),r("div",{class:"tab-bar-container"},r("slot",{name:"tab-bar-container"}))]:[r("div",{class:"tab-bar-container"},r("slot",{name:"tab-bar-container"})),r("div",{class:"tabs-container"},r("slot",null))]))}get el(){return a(this)}};f.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:block;height:auto;background:var(--color-background);border-radius:var(--border-width-md);box-shadow:var(--box-shadow-01);position:relative}.main-container{height:100%;max-height:100%;display:flex;flex-direction:column;justify-content:space-between}.tabs-container{height:100%;overflow-y:auto}.tabs-container::-webkit-scrollbar{width:6px;height:6px}.tabs-container::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.tabs-container::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.tabs-container::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host([position=left]) .tab-bar-container{transform:rotate(-90deg) translate(-100%, 0);transform-origin:left top;position:absolute;z-index:10}:host([position=left]) .tabs-container{height:100%;width:calc(100% - 32px);margin-left:32px}:host([position=right]) .tab-bar-container{transform:rotate(-90deg) translate(-100%, 0);transform-origin:left top;position:absolute;z-index:10;left:calc(100% - 32px)}:host([position=right]) .tabs-container{height:100%;width:calc(100% - 32px)}";export{l as gx_ide_container,s as gxg_tab,g as gxg_tab_bar,c as gxg_tab_button,f as gxg_tabs}

package/dist/genexus-ide-ui/p-080f6c41.js

@@ -1 +0,0 @@
-const a=a=>navigator.userAgent.includes("Mac")?a.metaKey:a.ctrlKey;function n(a,n){return(a.buttons&n)===n}var t,o;!function(a){a[a.LEFT=0]="LEFT",a[a.WHEEL=1]="WHEEL",a[a.RIGHT=2]="RIGHT",a[a.BACK=3]="BACK",a[a.FORWARD=4]="FORWARD"}(t||(t={})),function(a){a[a.LEFT=1]="LEFT",a[a.RIGHT=2]="RIGHT",a[a.WHEEL=4]="WHEEL",a[a.BACK=8]="BACK",a[a.FORWARD=16]="FORWARD"}(o||(o={}));export{t as M,n as a,o as b,a as m}

package/dist/genexus-ide-ui/p-1ccf523f.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as a,g as r}from"./p-976c3a09.js";import{L as s}from"./p-26957490.js";import{r as o}from"./p-44964acf.js";import{f as l}from"./p-daf4eb69.js";const d=class{constructor(e){i(this,e),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.kbIdSelected=null,this.authenticationTypes=[],this.setAuthenticationTypes=()=>{this.authenticationTypes=[{id:"genexus",value:"genexus",label:this._componentLocale.authenticationTypes.genexusAccount},{id:"local",value:"local",label:this._componentLocale.authenticationTypes.local}]},this.addEventListeners=()=>{this.serverUrlsEl.addEventListener("valueChanged",(()=>{this.reset()})),this.searchKBEl.addEventListener("valueChanged",(i=>{this.kbNameEl.value="",this.kbIdSelected=null,this.kbSearchText=i.detail})),this.listBoxEl.addEventListener("selectionChanged",(i=>{let t;if(i.detail.items.length>0&&(t=i.detail.items[0]),t){this.kbIdSelected=t.value;const i=this.kbs.find((i=>i.id===this.kbIdSelected));i&&(this.kbNameEl.value=i.name)}}))},this.createKbHandler=()=>{this.createKBCallback&&this.createKBCallback({id:this.kbIdSelected,name:this.kbNameEl.value}).then((i=>{l(i,this)}))},this.connectCallbackHandler=()=>{var i,t;this.connectCallback&&this.connectCallback({serverUrl:this.serverUrlsEl.value,authenticationType:this.authenticationTypeEl.value,user:null===(i=this.userNameEl)||void 0===i?void 0:i.value,password:null===(t=this.passwordEl)||void 0===t?void 0:t.value}).then((i=>{l(i.formResult,this),i.formResult.success&&i.kbs&&(this.kbs=i.kbs,this.selectionKbDisabled=!1)}))},this.selectionKbDisabled=!0,this.kbs=[],this.kbSearchText="",this.connectCallback=void 0,this.createKBCallback=void 0,this.enableCustomServer=!1,this.kbName=void 0,this.password=void 0,this.serverUrls=void 0,this.userName=void 0}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.setAuthenticationTypes()}componentDidLoad(){this.serverUrlsEl.focus(),this.addEventListeners()}reset(){this.kbs=[],this.kbIdSelected=null,this.selectionKbDisabled=!0,this.searchKBEl.value="",this.kbSearchText=""}render(){return e(a,{class:{"gx-ide-component":!0}},e("div",{class:"main-wrapper"},e("gxg-container",null,e("div",{class:"flex"},e("gxg-label",{labelPosition:"start",class:"kb-label"},this._componentLocale.label.serverUrl),e("gxg-combo-box",{disableFilter:!this.enableCustomServer,ref:i=>this.serverUrlsEl=i,class:"server-urls-combo-box",part:"server-urls"},this.serverUrls?o("gxg-combo-box-item",this.serverUrls.map((i=>({id:i,label:i,value:i}))),"server-urls"):null)),e("div",{class:"grid grid-data"},e("div",null,e("div",{class:"grid grid-data-account"},e("gxg-combo-box",{disableFilter:!0,value:this.authenticationTypes[0].id,ref:i=>this.authenticationTypeEl=i,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},o("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),e("gxg-label",{labelPosition:"start",class:"kb-label"},`${this._componentLocale.label.userName}:`),e("gxg-form-text",{ref:i=>this.userNameEl=i,value:this.userName,class:"user-name",part:"user-name"}),e("gxg-label",{labelPosition:"start",class:"kb-label"},`${this._componentLocale.label.password}:`),e("gxg-form-text",{password:!0,ref:i=>this.passwordEl=i,value:this.password,class:"password",part:"password"}),e("div",null,e("gxg-button",{id:"button-connect",type:"primary-text-only",onClick:this.connectCallbackHandler,part:"button-connect"},this._componentLocale.btn.btnConnect)))),e("div",{class:"grid"},e("div",{class:"grid-data-kbs"},e("div",{class:"search-kbs"},e("gxg-form-text",{ref:i=>this.searchKBEl=i,class:"search-kb-input",part:"search-kb",disabled:this.selectionKbDisabled,placeholder:this._componentLocale.label.searchKbs})),e("div",{class:"box-kbs"},e("gxg-list-box",{id:"max-height",height:"100%","min-height":"50%","no-border":!0,"single-selection":!0,disabled:this.selectionKbDisabled,ref:i=>this.listBoxEl=i,part:"kbs",onSelectionChanged:this.kbsOnSelectionChangedHander},this.kbs.filter((i=>i.name.toLowerCase().includes(this.kbSearchText.toLowerCase()))).map((i=>e("gxg-list-box-item",{value:i.id,key:i.id},i.name)))))),e("div",{class:"grid grid-data-kbs-footer"},e("gxg-form-text",{ref:i=>this.kbNameEl=i,value:this.kbName,class:"kb-name",part:"kb-name",disabled:this.selectionKbDisabled}),e("div",null,e("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",disabled:this.selectionKbDisabled},this._componentLocale.btn.btnCreate))))))))}static get assetsDirs(){return["gx-ide-assets/create-kb-from-server"]}get el(){return r(this)}};d.style=".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}.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:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.grid-data{grid-template-columns:repeat(2, 1fr)}.grid-data-account{grid-template-columns:auto 1fr}.grid-data-account>:nth-child(1){grid-area:1/1/2/3}.grid-data-account>:nth-child(6){grid-area:4/2/5/3}.grid-data-kbs .search-kbs{width:100%;display:flex}.grid-data-kbs .box-kbs{height:150px}.grid-data-kbs-footer{grid-template-columns:repeat(2, auto)}.flex{display:flex}.flex>:nth-child(2){flex:1}";export{d as gx_ide_create_kb_from_server}

package/dist/genexus-ide-ui/p-24f47ee2.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as s,g as n,w as a}from"./p-976c3a09.js";import{m as h}from"./p-080f6c41.js";const r="ch-tree-x-list-item",d="ch-tree-x-list,"+r,o="text/plain",l=(t,e)=>t.composedPath().includes(e),c=()=>document.activeElement.editing,p=(t,e)=>`"newContainerId":"${t}","metadata":"${JSON.stringify(e)}"`,g=class{constructor(i){t(this,i),this.droppableZoneEnter=e(this,"droppableZoneEnter",7),this.expandedItemChange=e(this,"expandedItemChange",7),this.selectedItemsChange=e(this,"selectedItemsChange",7),this.itemsDropped=e(this,"itemsDropped",7),this.keyDownEvents={ArrowDown:t=>{l(t,this.el)&&!c()&&(t.preventDefault(),document.activeElement.focusNextItem(h(t)))},ArrowUp:t=>{l(t,this.el)&&!c()&&(t.preventDefault(),document.activeElement.focusPreviousItem(h(t)))},F2:t=>{document.activeElement.tagName.toLowerCase()===r&&(t.preventDefault(),document.activeElement.editing=!0)}},this.draggingSelectedItems=!1,this.needForRAF=!0,this.selectedItemsInfo=new Map,this.validDroppableZoneCache=new Map,this.draggedIds=[],this.draggedParentIds=[],this.draggingInTheDocument=!1,this.draggingInTree=!1,this.level=-1,this.multiSelection=!1,this.openSubTreeCountdown=750,this.scrollToEdgeOnDrag=!0,this.showLines="none",this.waitDropProcessing=!1,this.trackItemDrag=t=>{t.preventDefault(),this.lastDragEvent=t,this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.el.style.setProperty("--ch-tree-x-dragging-item-x",`${this.lastDragEvent.pageX}px`),this.el.style.setProperty("--ch-tree-x-dragging-item-y",`${this.lastDragEvent.pageY}px`)})))},this.fixScrollPositionOnDrag=()=>{this.draggingInTree&&this.lastDragEvent&&requestAnimationFrame((()=>{((t,e)=>{const i=this.lastDragEvent.clientY-e.getBoundingClientRect().top,s=e.clientHeight,n=i<=30;(n||i>s-30)&&(e.scrollTop+=(n?i-30:i-(s-30))/10)})(0,this.el),requestAnimationFrame(this.fixScrollPositionOnDrag)}))},this.handleKeyDownEvents=t=>{const e=this.keyDownEvents[t.key];e&&e(t)}}handleShowLinesChange(t){this.el.querySelectorAll(d).forEach((e=>{e.showLines=t}))}async scrollIntoVisible(t){const e=this.el.querySelector(`${r}#${t}`);if(!e)return;let i=e.parentElement.parentElement;for(;i.tagName.toLowerCase()===r;)i.expanded=!0,i=i.parentElement.parentElement;requestAnimationFrame((()=>{e.scrollIntoView()}))}async updateValidDroppableZone(t,e,i,s){var n;if(!this.draggingInTheDocument||t<=this.dragStartTimestamp)return;const a=p(e,i);this.validDroppableZoneCache.set(a,s?"valid":"invalid"),(null===(n=this.lastOpenSubTreeItem)||void 0===n?void 0:n.id)===e&&(this.lastOpenSubTreeItem.dragState="enter")}handleDragStart(t){this.validDroppableZoneCache.clear(),this.draggingInTheDocument=!0,this.dragStartTimestamp=(new Date).getTime(),this.draggedItems=JSON.parse(t.dataTransfer.getData(o))}handleDragEnd(){this.draggingInTheDocument=!1}handleDragEnter(t){this.cancelSubTreeOpening(null,!0),t.stopPropagation();const e=t.target;e.tagName.toLowerCase()===r&&(this.lastOpenSubTreeItem=e,this.openSubTreeAfterCountdown(e),"valid"===this.validDroppableZone(t)&&(e.dragState="enter"))}handleDragLeave(t){const e=t.target;if(e.tagName.toLowerCase()!==r)return;const i=e;i.dragState="none",this.cancelSubTreeOpening(i)}cancelSubTreeOpening(t,e=!1){(this.lastOpenSubTreeItem===t||e)&&(clearTimeout(this.openSubTreeTimeout),this.lastOpenSubTreeItem=null)}handleItemDrop(t){t.stopPropagation(),this.cancelSubTreeOpening(null,!0);const e=t.target,i=JSON.parse(t.dataTransfer.getData(o));"valid"===this.validDroppableZone(t)&&this.itemsDropped.emit({newContainer:{id:e.id,metadata:e.metadata},draggedItems:i,dropInTheSameTree:this.draggingInTree})}handleItemDragStart(t){document.body.addEventListener("dragover",this.trackItemDrag,{capture:!0}),this.currentDraggedItem=t.target,this.updateDragInfo(t.detail),this.draggingInTree=!0,this.scrollToEdgeOnDrag&&this.fixScrollPositionOnDrag()}handleItemDragEnd(){this.draggingInTree=!1,document.body.removeEventListener("dragover",this.trackItemDrag,{capture:!0}),this.resetVariables()}handleSelectedItemChange(t){t.stopPropagation(),this.handleItemSelection(t.target,t.detail)}validDroppableZone(t){const e=t.target;if(this.draggingInTree&&(this.draggedIds.includes(e.id)||this.draggedParentIds.includes(e.id)))return"invalid";const i=p(e.id,this.draggedItems),s=this.validDroppableZoneCache.get(i);return null!=s?s:(this.validDroppableZoneCache.set(i,"checking"),this.droppableZoneEnter.emit({newContainer:{id:e.id,metadata:e.metadata},draggedItems:this.draggedItems}),"checking")}openSubTreeAfterCountdown(t){t.leaf||t.expanded||(this.openSubTreeTimeout=setTimeout((()=>{t.expanded=!0,this.expandedItemChange.emit({id:t.id,expanded:!0})}),this.openSubTreeCountdown))}resetVariables(){this.draggedIds=[],this.draggedParentIds=[]}updateDragInfo(t){const e=t.elem,i=this.selectedItemsInfo.has(e.id);this.draggingSelectedItems=i;let s=[];if(i){const t=[...this.selectedItemsInfo.keys()],i=t.length;this.draggedIds=t,s=[...this.selectedItemsInfo.values()].map((t=>({id:t.id,metadata:t.metadata}))),this.dragInfo=1===i?e.caption:i.toString()}else s=[{id:e.id,metadata:e.metadata}],this.draggedIds=[e.id],this.dragInfo=e.caption;this.getDirectParentsOfDraggableItems(i);const n=JSON.stringify(s);t.dataTransfer.setData(o,n)}getDirectParentsOfDraggableItems(t){if(t)this.selectedItemsInfo.forEach((t=>{const e=t.parentId;""!==e&&this.draggedParentIds.push(e)}));else{const t=this.currentDraggedItem.parentElement.parentElement;t.tagName.toLowerCase()===r&&this.draggedParentIds.push(t.id)}}handleItemSelection(t,e){e.ctrlKeyPressed&&this.multiSelection||(this.selectedItemsInfo.forEach((t=>{t.itemRef.selected=!1})),this.clearSelectedItems(),t.selected=e.selected),e.selected?this.selectedItemsInfo.set(e.id,e):this.selectedItemsInfo.delete(e.id),this.selectedItemsChange.emit(this.selectedItemsInfo)}clearSelectedItems(){this.selectedItemsInfo.clear()}connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDownEvents,{capture:!0})}disconnectedCallback(){this.el.removeEventListener("keydown",this.handleKeyDownEvents),this.resetVariables(),this.handleItemDragEnd()}render(){return i(s,{class:{"ch-tree-x-dragging-item":this.draggingInTheDocument,"ch-tree-x--dragging-selected-items":this.draggingInTree&&this.draggingSelectedItems,"ch-tree-x-waiting-drop-processing":this.waitDropProcessing}},i("slot",null),this.draggingInTree&&i("span",{"aria-hidden":"true",class:"ch-tree-x-drag-info"},this.dragInfo))}get el(){return n(this)}static get watchers(){return{showLines:["handleShowLinesChange"]}}};let x;g.style="ch-tree-x{display:flex;position:relative;overflow:auto}ch-tree-x>ch-tree-x-list{position:absolute;inset:0;min-width:max-content}ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list-item{pointer-events:var(--ch-tree-x-pointer-events, all)}ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--deny-drop,ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list{pointer-events:none}ch-tree-x.ch-tree-x--dragging-selected-items ch-tree-x-list-item[selected]{--ch-tree-x-pointer-events:none}ch-tree-x.ch-tree-x-waiting-drop-processing{cursor:wait}ch-tree-x.ch-tree-x-waiting-drop-processing>ch-tree-x-list{pointer-events:none}.ch-tree-x-drag-info{--rtl-offset:16px;position:fixed;left:0;top:0;transform:translate(calc(var(--ch-tree-x-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-x-dragging-item-y) + 8px));pointer-events:none;z-index:1;animation:ch-tree-x-drag-info-fade-in 10ms}@keyframes ch-tree-x-drag-info-fade-in{0%,100%{opacity:0}}html[dir=rtl] .ch-tree-x-drag-info{--rtl-offset:-100%}";const b=class{constructor(e){t(this,e),this.level=0,this.showLines="none",this.updateLastItemDashedLine=()=>{if(!this.slotRef)return;const t=this.slotRef.assignedElements();if(0===t.length)return;const e=t.length-1;for(let i=0;i<e;i++)t[i].lastItem=!1;t[e].lastItem=!0}}handleShowLinesChange(t){"none"!==t&&0!==this.level&&this.updateLastItemDashedLine()}componentWillLoad(){const t=this.el.parentElement;this.level=t.level+1,x||(x=t),this.showLines=x.showLines}render(){return i(s,{role:0===this.level?"tree":"group"},i("slot",{onSlotchange:"none"!==this.showLines&&0!==this.level?this.updateLastItemDashedLine:null,ref:t=>this.slotRef=t}))}get el(){return n(this)}static get watchers(){return{showLines:["handleShowLinesChange"]}}};b.style=":host{display:grid;grid-auto-rows:min-content;position:relative;width:100%}";const m=new Image,u="ch-tree-x-list-item",v=`:scope>*>${u}`,f=`${u}:not([disabled])`,w=`:scope>*>${u}:last-child`,k="expandable",y="Enter";let C;const I=class{constructor(s){t(this,s),this.checkboxChange=e(this,"checkboxChange",7),this.itemDragStart=e(this,"itemDragStart",7),this.itemDragEnd=e(this,"itemDragEnd",7),this.loadLazyContent=e(this,"loadLazyContent",7),this.modifyCaption=e(this,"modifyCaption",7),this.selectedItemChange=e(this,"selectedItemChange",7),this.ignoreCheckboxChange=!1,this.checkbox=!1,this.checked=!1,this.customRender=!1,this.disabled=!1,this.dragState="none",this.downloading=!1,this.editing=!1,this.expanded=!1,this.lastItem=!1,this.lazyLoad=!1,this.leaf=!1,this.level=0,this.indeterminate=!1,this.selected=!1,this.showDownloadingSpinner=!0,this.showExpandableButton=!0,this.showLines="none",this.toggleCheckboxes=!1,this.checkIfShouldRemoveEditMode=t=>{t.stopPropagation(),(t.code===y||"Escape"===t.code)&&(t.preventDefault(),this.removeEditMode(!0,t.code===y)())},this.removeEditModeOnClick=t=>{!t.composedPath().includes(this.inputRef)&&t.pointerType&&this.removeEditMode(!1)()},this.removeEditMode=(t,e=!1)=>()=>{if(!this.editing)return;this.editing=!1,document.body.removeEventListener("click",this.removeEditModeOnClick,{capture:!0});const i=this.inputRef.value;e&&""!==i.trim()&&this.modifyCaption.emit({id:this.el.id,caption:i}),t&&this.headerRef.focus()},this.toggleExpand=t=>{t.stopPropagation(),this.leaf||(this.expanded=!this.expanded),this.selected=!0,this.selectedItemChange.emit({ctrlKeyPressed:h(t),expanded:this.expanded,goToReference:!1,id:this.el.id,itemRef:this.el,metadata:this.metadata,parentId:this.el.parentElement.parentElement.id,selected:!0})},this.handleActionDblClick=t=>{t.stopPropagation(),h(t)?this.toggleSelected():this.toggleExpand(t)},this.handleActionClick=t=>{t.stopPropagation(),this.editing||(t.preventDefault(),t.pointerType?this.toggleOrSelect(t):this.toggleExpand(t))},this.handleActionKeyDown=t=>{h(t)&&t.code===y&&(t.stopPropagation(),this.toggleSelected())},this.handleCheckedChange=t=>{t.stopPropagation();const e=t.target.checked;this.checked=e,this.checkboxChange.emit(e)},this.renderImg=(t,e)=>i("img",{"aria-hidden":"true",class:t,part:t,alt:"",src:e,loading:"lazy"}),this.handleDragStart=t=>{this.editing?t.preventDefault():(t.dataTransfer.setDragImage(m,0,0),t.dataTransfer.effectAllowed="move",this.dragState="start",this.itemDragStart.emit({elem:this.el,dataTransfer:t.dataTransfer}))},this.handleDragEnd=()=>{this.dragState="none",this.itemDragEnd.emit()},this.handleDrop=()=>{this.dragState="none"}}updateChildrenCheckedValue(t){!this.toggleCheckboxes||this.leaf||this.ignoreCheckboxChange?this.ignoreCheckboxChange=!1:this.getDirectTreeItems().forEach((e=>{e.checked=t}))}handleEditingChange(t){t&&(document.body.addEventListener("click",this.removeEditModeOnClick,{capture:!0}),a((()=>{requestAnimationFrame((()=>{this.inputRef&&this.inputRef.focus()}))})))}handleExpandedChange(t){this.lazyLoadItems(t)}handleLasItemChange(t){t&&this.showLines?this.setResizeObserver():this.disconnectObserver()}handleShowLinesChange(t){t&&this.lastItem?this.setResizeObserver():this.disconnectObserver(),C.showLines=t}updateCheckboxValue(t){if(!this.toggleCheckboxes)return;const e=t.detail,i=this.getDirectTreeItems().every((t=>t.checked===e));this.ignoreCheckboxChange=this.checked!==e,this.checked=e,this.indeterminate=!i}async focusNextItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(f);if(e)return void e.setFocus(t)}this.focusNextSibling(t)}async focusNextSibling(t){const e=this.el.nextElementSibling;e?e.disabled?e.focusNextItem(t):e.setFocus(t):0!==this.level&&this.el.parentElement.parentElement.focusNextSibling(t)}async focusPreviousItem(t){const e=this.el.previousElementSibling;if(e)return void e.focusLastItem(t);if(0===this.level)return;const i=this.el.parentElement.parentElement;i.disabled?i.focusPreviousItem(t):i.setFocus(t)}async focusLastItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(w);if(e)return void e.focusLastItem(t)}this.disabled?this.focusPreviousItem(t):this.setFocus(t)}async setFocus(t){this.headerRef.focus(),t||this.setSelected(!1)}getDirectTreeItems(){return Array.from(this.el.querySelectorAll(v))}setResizeObserver(){this.watcher=new ResizeObserver((()=>{const t=this.el.getBoundingClientRect().height-this.headerRef.getBoundingClientRect().height/2;this.el.style.setProperty("--distance-to-checkbox",t+"px")})),this.watcher.observe(this.el),this.watcher.observe(this.headerRef)}disconnectObserver(){this.watcher&&(this.watcher.disconnect(),this.watcher=null)}lazyLoadItems(t){this.lazyLoad&&t&&(this.lazyLoad=!1,this.loadLazyContent.emit(this.el.id))}toggleSelected(){const t=!this.selected;this.selected=t,this.selectedItemChange.emit({ctrlKeyPressed:!0,expanded:this.expanded,goToReference:!1,id:this.el.id,itemRef:this.el,metadata:this.metadata,parentId:this.el.parentElement.parentElement.id,selected:t})}setSelected(t){this.selected=!0,this.selectedItemChange.emit({ctrlKeyPressed:!1,expanded:this.expanded,goToReference:t,id:this.el.id,itemRef:this.el,metadata:this.metadata,parentId:this.el.parentElement.parentElement.id,selected:!0})}toggleOrSelect(t){h(t)?this.toggleSelected():this.setSelected(!0)}componentWillLoad(){const t=this.el.parentElement;if(this.level=t.level,C||(C=t.parentElement),this.showLines=C.showLines,this.lazyLoadItems(this.expanded),0===this.level)return;const e=t.parentElement;e.checkbox&&(this.checked=e.checked)}componentDidLoad(){this.lastItem&&this.showLines&&this.setResizeObserver()}disconnectedCallback(){this.editing&&this.removeEditMode(!1),this.disconnectObserver()}render(){const t=this.level%2==0,e=!this.leaf&&this.showExpandableButton,n=!this.leaf&&!this.showExpandableButton,a=!this.leaf&&!this.lazyLoad,h="all"===this.showLines&&0!==this.level,r="last"===this.showLines&&0!==this.level&&this.lastItem;return i(s,{role:"treeitem","aria-selected":this.selected?"true":null,class:{[u+"--downloading"]:this.downloading,[u+"--editing"]:this.editing,[u+"--drag-"+this.dragState]:"none"!==this.dragState&&"start"!==this.dragState,[u+"--deny-drop"]:this.leaf},style:{"--level":`${this.level}`},onDrop:this.leaf||"start"===this.dragState?null:this.handleDrop},i("button",{"aria-controls":a?k:null,"aria-expanded":a?this.expanded.toString():null,class:{header:!0,"header--selected":this.selected,"header--disabled":this.disabled,"header--expandable-offset":e,"header--checkbox-offset":n&&this.checkbox,"header--even":t,"header--odd":!t,"header--even-expandable":t&&e,"header--odd-expandable":!t&&e,"header--level-0":0===this.level},part:`header${this.disabled?" disabled":""}${this.selected?" selected":""}`,type:"button",disabled:this.disabled,onClick:this.handleActionClick,onKeyDown:this.editing?null:this.handleActionKeyDown,draggable:!0,onDragStart:this.handleDragStart,onDragEnd:this.handleDragEnd,ref:t=>this.headerRef=t},!this.leaf&&this.showExpandableButton&&i("button",{type:"button",class:{"expandable-button":!0,"expandable-button--expanded":this.expanded,"expandable-button--collapsed":!this.expanded},part:`expandable-button${this.disabled?" disabled":""}${this.expanded?" expanded":" collapsed"}`,disabled:this.disabled,onClick:this.toggleExpand}),this.checkbox&&i("ch-checkbox",{accessibleName:this.caption,class:"checkbox",part:`checkbox${this.disabled?" disabled":""}${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`,checkedValue:"true",disabled:this.disabled,indeterminate:this.indeterminate,unCheckedValue:"false",value:`${this.checked}`,onInput:this.handleCheckedChange}),this.customRender?i("slot",{name:"custom-content"}):[i("div",{class:{action:!0,"readonly-mode":!this.editing},part:"action "+(this.editing?"":"readonly-mode"),onDblClick:this.leaf||this.editing?null:this.handleActionDblClick},this.leftImgSrc&&this.renderImg("left-img",this.leftImgSrc),this.editing?i("input",{class:"edit-name",part:"edit-name",disabled:this.disabled,type:"text",value:this.caption,onBlur:this.removeEditMode(!1),onKeyDown:this.checkIfShouldRemoveEditMode,ref:t=>this.inputRef=t}):this.caption,this.rightImgSrc&&this.renderImg("right-img",this.rightImgSrc)),this.showDownloadingSpinner&&!this.leaf&&this.downloading&&i("div",{class:"downloading",part:"downloading"})],(h||r)&&i("div",{class:{"dashed-line":!0,"last-all-line":h&&this.lastItem,"last-line":r},part:"dashed-line"+(this.lastItem?" last-all-line":"")})),a&&i("div",{"aria-busy":this.downloading.toString(),"aria-live":this.downloading?"polite":null,id:k,class:{expandable:!0,expanded:this.expanded},part:"expandable"+(this.expanded?" expanded":"")},i("slot",{name:"tree"})))}get el(){return n(this)}static get watchers(){return{checked:["updateChildrenCheckedValue"],editing:["handleEditingChange"],expanded:["handleExpandedChange"],lastItem:["handleLasItemChange"],showLines:["handleShowLinesChange"]}}};I.style=':where(button){all:unset;display:flex;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-user-drag:element}*,::before,::after{box-sizing:border-box}:host{--checkbox-size:1em;--expandable-button-width:0.75em;--ch-tree-x-list-item-dashed-line--offset:0px;--tab-width:calc(\n    var(--checkbox-size) + var(--expandable-button-width) +\n      (5px * 2)\n  );display:grid;grid-template-rows:min-content;overflow:hidden}.header{--own-offset:0px;display:flex;align-items:center;min-height:calc(1em + 6px);padding-inline-start:var(--padding-inline-start)}.header--disabled{opacity:0.5;pointer-events:none}.header--even{--padding-inline-start:calc(\n    var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n  )}.header--even+.expandable{--parent-padding-inline-start--even:calc(\n    var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n  )}.header--even .dashed-line{--inset-inline-start:calc(\n    var(--parent-padding-inline-start--odd, 0px) +\n      var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n  )}.header--even-expandable{--padding-inline-start:calc(\n        var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n    var(--expandable-button-width) + 5px\n  )\n      )}.header--even-expandable+.expandable{--parent-padding-inline-start--even:calc(\n        var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n    var(--expandable-button-width) + 5px\n  )\n      )}.header--odd{--padding-inline-start:calc(\n    var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n  )}.header--odd+.expandable{--parent-padding-inline-start--odd:calc(\n    var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n  )}.header--odd .dashed-line{--inset-inline-start:calc(\n    var(--parent-padding-inline-start--even, 0px) +\n      var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n  )}.header--odd-expandable{--padding-inline-start:calc(\n        var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n    var(--expandable-button-width) + 5px\n  )\n      )}.header--odd-expandable+.expandable{--parent-padding-inline-start--odd:calc(\n        var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n    var(--expandable-button-width) + 5px\n  )\n      )}.header--level-0{--padding-inline-start:0px}.header--level-0+.expandable{--parent-padding-inline-start--even:0px}.header--expandable-offset{--own-offset:calc(\n    var(--expandable-button-width) + 5px\n  )}.header--expandable-offset+.expandable{--parent-expandable-offset:calc(var(--expandable-button-width) / 2)}.header--checkbox-offset+.expandable{--parent-checkbox-offset:calc(var(--checkbox-size) / 2);--parent-negative-checkbox-offset:calc(var(--checkbox-size) / 2)}.dashed-line{position:absolute;inset-inline-start:calc( var(--inset-inline-start) + var(--ch-tree-x-list-item-dashed-line--offset) );height:1px;width:calc( var(--tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - var(--ch-tree-x-list-item-dashed-line--offset) - 4px );border:0 dashed #a9a9a9;border-block-end-width:1px;pointer-events:none;content-visibility:hidden;z-index:1}.last-all-line{inset-block-start:0;height:calc(100% - var(--distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px}.last-line{inset-block-start:0;height:100%;border-inline-start-width:1px;border-style:solid;border-block-end:unset}.expandable-button{display:grid;place-items:center;width:var(--expandable-button-width);height:var(--expandable-button-width);margin-inline-end:5px;z-index:1;content-visibility:auto;contain-intrinsic-size:auto var(--expandable-button-width)}.expandable-button::before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);background-color:currentColor;-webkit-mask-size:calc(var(--expandable-button-width) - 2px)}.expandable-button--collapsed::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z"/></svg>\')}.expandable-button--expanded::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H1.93v-1H14.15Z"/></svg>\')}.expandable-button:focus-visible{outline:1px solid #000}.checkbox{margin-inline-end:5px}.checkbox::part(container){width:var(--checkbox-size);height:var(--checkbox-size)}.action{display:grid;grid-template:"left-img text right-img"/max-content 1fr max-content;align-items:center;height:100%;flex:1}.readonly-mode{padding-block:0.75px}.left-img,.right-img{display:block;width:0.875em;height:0.875em;content-visibility:auto;contain-intrinsic-size:auto 0.875em}.left-img{grid-area:left-img;margin-inline-end:5px}.right-img{grid-area:right-img;margin-inline-start:5px}.edit-name{grid-area:text;width:100%;height:100%;background-color:unset;padding:0;margin:0;border:1px solid currentColor;font:unset;outline:unset}.downloading{width:0.75em;height:0.75em;margin-inline-start:8px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;opacity:0.75;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.expandable{--parent-expandable-offset:0px;--parent-negative-checkbox-offset:0px;--parent-checkbox-offset:0px;display:grid;grid-template-rows:0fr;content-visibility:auto;contain-intrinsic-size:auto 100px}.expanded{grid-template-rows:1fr}:not(.expanded) ::slotted([slot=tree]){display:none;overflow:hidden;content-visibility:hidden}';export{g as ch_tree_x,b as ch_tree_x_list,I as ch_tree_x_list_item}

package/dist/genexus-ide-ui/p-28d0afda.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as o}from"./p-976c3a09.js";import{D as h}from"./p-bac6580b.js";const n="checkbox",a=class{constructor(s){t(this,s),this.click=i(this,"click",7),this.input=i(this,"input",7),this.disabled=!1,this.highlightable=!1,this.indeterminate=!1,this.readonly=!1,this.getValue=t=>t?this.checkedValue:this.unCheckedValue,this.handleClick=t=>{this.readonly||this.disabled||t.stopPropagation()},this.handleChange=t=>{t.stopPropagation();const i=t.target,s=i.checked,e=this.getValue(s);this.checked=s,this.value=e,i.value=e,this.input.emit(t),this.highlightable&&this.click.emit()}}valueChanged(){this.checked=this.value===this.checkedValue}componentWillLoad(){this.checked=this.value===this.checkedValue}render(){var t;const i=`${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`;return s(e,{class:{[h]:this.disabled,"ch-checkbox--actionable":!this.readonly&&!this.disabled||this.readonly&&this.highlightable}},s("div",{class:{container:!0,"container--checked":this.checked},part:`container${i}`},s("input",{"aria-label":""!==(null===(t=this.accessibleName)||void 0===t?void 0:t.trim())&&this.accessibleName!==this.caption?this.accessibleName:null,id:this.caption?n:null,class:"input",part:"input",type:"checkbox",checked:this.checked,disabled:this.disabled||this.readonly,indeterminate:this.indeterminate,value:this.value,onClick:this.handleClick,onInput:this.handleChange}),s("div",{class:{option:!0,"option--checked":this.checked&&!this.indeterminate,"option--indeterminate":this.indeterminate},part:`option${i}`,"aria-hidden":"true"})),this.caption&&s("label",{class:"label",part:"label",htmlFor:n,onClick:this.handleClick},this.caption))}get element(){return o(this)}static get watchers(){return{value:["valueChanged"]}}};a.style="*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, #000);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px #00000040}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:#000;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";export{a as ch_checkbox}

package/dist/genexus-ide-ui/p-44964acf.js

@@ -1 +0,0 @@
-import{h as e}from"./p-976c3a09.js";const o=(o="gxg-combo-box-item",a,r="undefined-group",c)=>{if(a.length){const i=[];return a.forEach((a=>{let l;switch(o){case"gxg-form-checkbox":l=e("gxg-form-checkbox",{checkboxId:a.id,checked:a.checked,disabled:a.disabled,label:a.label,value:a.value,onChange:c||null,iconName:a.iconName,part:`${r}-${a.id}`}),i.push(l);break;case"gxg-combo-box-item":l=e("gxg-combo-box-item",{value:a.id,icon:a.iconName,part:`${r}-${a.id}`},a.label),i.push(l);break;case"gxg-form-radio":l=e("gxg-form-radio",{"radio-id":a.id,checked:a.checked,disabled:a.disabled,label:a.label,value:a.value,name:r,part:`${r}-${a.id}`}),i.push(l)}})),i}return null},a=e=>{let o;if(null==e?void 0:e.length)for(let a=0;a<e.length;a++)if(e[a].selected){o=e[a];break}return o};export{a as g,o as r}