@genexus/genexus-ide-ui 0.0.12 → 0.0.14

package/dist/collection/components/container/container.js

@@ -0,0 +1,535 @@
+import { Host, h } from "@stencil/core";
+export class GxIdeContainer {
+  constructor() {
+    this.headingClasses = () => {
+      return {
+        "heading": true,
+        "heading--no-border": this.noHeadingBorder || this.hasOnlyHeading,
+        [`heading--justify-${this.headingJustify}`]: true,
+        ["heading--no-padding"]: this.noHeadingPadding
+      };
+    };
+    this.contentClasses = () => {
+      return {
+        "content": true,
+        "content--no-padding": this.noContentPadding,
+        "content--no-gap": this.noContentGap,
+        [`content--align-items-${this.alignItems}`]: this.alignItems !== undefined,
+        [`content--justify-content-${this.justifyContent}`]: this.justifyContent !== undefined
+      };
+    };
+    this.footer = () => {
+      return this.hasFooterSlot ? (h("footer", { class: {
+          "footer": true,
+          "footer--no-border": this.hasOnlyFooter || !this.hasSlottedContent,
+          [`footer--justify-${this.footerJustify}`]: true,
+          [`footer--justify-${this.footerJustify}`]: true,
+          ["footer--no-padding"]: this.noFooterPadding
+        } }, h("div", { class: "footer__start" }, h("slot", { name: "footer-start" })), h("div", { class: "footer__end" }, h("slot", { name: "footer-end" })))) : null;
+    };
+    this.fieldset = false;
+    this.containerTitle = undefined;
+    this.displayBorder = false;
+    this.displayBorderTop = false;
+    this.displayBorderEnd = false;
+    this.displayBorderBottom = false;
+    this.displayBorderStart = false;
+    this.sectionsPadding = "m";
+    this.fullHeight = false;
+    this.titleAlignment = "center";
+    this.noHeadingBorder = false;
+    this.noHeadingPadding = false;
+    this.headingJustify = "center";
+    this.noContentPadding = false;
+    this.noContentGap = false;
+    this.alignItems = undefined;
+    this.justifyContent = undefined;
+    this.noFooterPadding = false;
+    this.footerJustify = "end";
+    this.noBorderFooter = false;
+    this.hasHeaderSlot = false;
+    this.hasSlottedContent = false;
+    this.hasFooterSlot = false;
+    this.hasOnlyHeading = false;
+    this.hasOnlyFooter = false;
+  }
+  // 4.PUBLIC PROPERTY API /
+  // 5.EVENTS (EMIT) //
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  componentWillLoad() {
+    this.evaluateSlots();
+    this.evaluateFullHeight();
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  // 9.LOCAL METHODS //
+  evaluateSlots() {
+    // header
+    const headerSlot = this.el.querySelectorAll(':scope > [slot="header"]');
+    if (headerSlot.length) {
+      this.hasHeaderSlot = true;
+    }
+    // content
+    const slottedContent = this.el.querySelectorAll(":scope >  :not([slot])");
+    if (slottedContent.length) {
+      this.hasSlottedContent = true;
+    }
+    // footer
+    const footerStartSlot = this.el.querySelectorAll(':scope >  [slot="footer-start"]');
+    const footerEndSlot = this.el.querySelectorAll(':scope >  [slot="footer-end"]');
+    if (footerStartSlot.length || footerEndSlot.length) {
+      this.hasFooterSlot = true;
+    }
+  }
+  evaluateFullHeight() {
+    if (this.fullHeight && this.fieldset) {
+      /* If full-height, fieldset has to be false*/
+      this.fieldset = false;
+    }
+  }
+  evaluateSections() {
+    if (!this.hasSlottedContent && !this.hasFooterSlot) {
+      this.hasOnlyHeading = true;
+    }
+    if (!this.hasSlottedContent && !this.containerTitle) {
+      this.hasOnlyFooter = true;
+    }
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    this.evaluateSections();
+    let result;
+    if (this.fieldset) {
+      result = [
+        h("fieldset", null, this.containerTitle || this.hasHeaderSlot ? (h("legend", { class: this.headingClasses() }, this.containerTitle ? (h("gxg-title", { type: "title-04", alignment: this.titleAlignment }, this.containerTitle)) : null, this.hasHeaderSlot ? (h("div", { class: "heading__inner-wrapper" }, h("slot", { name: "header" }))) : null)) : null, this.hasSlottedContent ? (h("div", { class: this.contentClasses() }, h("slot", null))) : null),
+        this.footer()
+      ];
+    }
+    else {
+      result = [
+        this.containerTitle || this.hasHeaderSlot ? (h("header", { class: this.headingClasses() }, this.containerTitle ? (h("gxg-title", { type: "title-04", alignment: this.titleAlignment }, this.containerTitle)) : null, this.hasHeaderSlot ? (h("div", { class: "heading__inner-wrapper" }, h("slot", { name: "header" }))) : null)) : null,
+        this.hasSlottedContent ? (h("div", { class: this.contentClasses() }, h("slot", null))) : null,
+        this.footer()
+      ];
+    }
+    return (h(Host, null, h("div", { class: {
+        "container": true,
+        [`container--padding-${this.sectionsPadding}`]: true,
+        "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
+      } }, result)));
+  }
+  static get is() { return "gx-ide-container"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["container.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["container.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "fieldset": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Makes this component content act as a fieldset"
+        },
+        "attribute": "fieldset",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "containerTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The title of the container"
+        },
+        "attribute": "container-title",
+        "reflect": false
+      },
+      "displayBorder": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Displays a border all around the container"
+        },
+        "attribute": "display-border",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "displayBorderTop": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Displays a border on the top"
+        },
+        "attribute": "display-border-top",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "displayBorderEnd": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Displays a border at the end"
+        },
+        "attribute": "display-border-end",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "displayBorderBottom": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Displays a border at on the bottom"
+        },
+        "attribute": "display-border-bottom",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "displayBorderStart": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Displays a border at the start"
+        },
+        "attribute": "display-border-start",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "sectionsPadding": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SectionsPadding",
+          "resolved": "\"l\" | \"m\" | \"s\"",
+          "references": {
+            "SectionsPadding": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The container general padding (applies to .heading, .content, and .footer)"
+        },
+        "attribute": "sections-padding",
+        "reflect": false,
+        "defaultValue": "\"m\""
+      },
+      "fullHeight": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Makes the container full height (content will grow only)"
+        },
+        "attribute": "full-height",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "titleAlignment": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TitleAlignment",
+          "resolved": "\"center\" | \"end\" | \"start\"",
+          "references": {
+            "TitleAlignment": {
+              "location": "import",
+              "path": "@genexus/gemini/dist/types/common/types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title alignment"
+        },
+        "attribute": "title-alignment",
+        "reflect": false,
+        "defaultValue": "\"center\""
+      },
+      "noHeadingBorder": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Removes the border bottom from the heading"
+        },
+        "attribute": "no-heading-border",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "noHeadingPadding": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Removes the padding from the heading"
+        },
+        "attribute": "no-heading-padding",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "headingJustify": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "HeadingJustify",
+          "resolved": "\"center\" | \"end\" | \"start\"",
+          "references": {
+            "HeadingJustify": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The heading justification"
+        },
+        "attribute": "heading-justify",
+        "reflect": false,
+        "defaultValue": "\"center\""
+      },
+      "noContentPadding": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Removes the padding from the content"
+        },
+        "attribute": "no-content-padding",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "noContentGap": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Removes the gap from the content"
+        },
+        "attribute": "no-content-gap",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "alignItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "AlignItems",
+          "resolved": "\"center\" | \"end\" | \"start\"",
+          "references": {
+            "AlignItems": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Align items"
+        },
+        "attribute": "align-items",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "justifyContent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "JustifyContent",
+          "resolved": "\"center\" | \"end\" | \"start\"",
+          "references": {
+            "JustifyContent": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Justify content"
+        },
+        "attribute": "justify-content",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "noFooterPadding": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Removes the padding from the footer"
+        },
+        "attribute": "no-footer-padding",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "footerJustify": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FooterJustify",
+          "resolved": "\"center\" | \"end\" | \"start\"",
+          "references": {
+            "FooterJustify": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The footer justification"
+        },
+        "attribute": "footer-justify",
+        "reflect": false,
+        "defaultValue": "\"end\""
+      },
+      "noBorderFooter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Removes the border top from the footer"
+        },
+        "attribute": "no-border-footer",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "hasHeaderSlot": {},
+      "hasSlottedContent": {},
+      "hasFooterSlot": {},
+      "hasOnlyHeading": {},
+      "hasOnlyFooter": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/entity-selector/entity-selector.css

@@ -359,7 +359,7 @@ FORM ELEMENTS
 
 :host(:focus-within) .wrapper {
   outline-style: solid;
-  outline-color: var(--color-primary-enabled);
+  outline-color: var(--color-primary-active);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.en.json

@@ -0,0 +1,26 @@
+{
+  "componentName": "New Environment",
+  "name": "Environment Name",
+  "location": "Location",
+  "setCurrentEnvironment": "Set as current environment",
+  "runtime": "Runtime Environment",
+  "tabBasic": {
+    "tabLabel": "BASIC",
+
+    "backEnd": {
+      "backEndLabel": "Back End",
+      "language": "Language",
+      "dataStores": "Data Stores"
+    },
+    "frontEnd": {
+      "frontEndLabel": "Front End"
+    }
+  },
+  "tabAdvanced": {
+    "tabLabel": "ADVANCED"
+  },
+  "footer": {
+    "btnSetNewEnvironment": "Set New Environment",
+    "btnCancel": "Cancel"
+  }
+}

package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.ja.json

@@ -0,0 +1,3 @@
+{
+  "name": "Name in JA"
+}

package/dist/collection/components/new-environment/gx-ide-assets/new-environment/langs/new-environment.lang.zh.json

@@ -0,0 +1,3 @@
+{
+  "name": "Name in ZH"
+}