@genexus/genexus-ide-ui 0.0.136 → 0.0.138

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

@@ -1,60 +0,0 @@
-import { r as e, h as t, H as o } from "./p-48217969.js";
-
-const a = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:flex;flex-direction:column;color:var(--color-primary-enabled);}:host .container{display:flex;flex-direction:column;gap:30px}:host label{font-size:14px}:host .wrapper{display:inline-flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}:host([label-position=start]){flex-direction:row}:host([label-position=start]) .wrapper{flex:1}";
-
-const r = class {
-  constructor(t) {
-    e(this, t);
-    this.evaluateLabelPosition = () => {
-      if (this.label && this.labelPosition === "above") {
-        this.centerLabel = false;
-      }
-    };
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-        this.btnSelectClickHandler = () => {};
-    this.accessibilityLabels = {
-      buttonSelectLabel: "selects a file from the user file system"
-    };
-    this.label = undefined;
-    this.labelPosition = "start";
-    this.centerLabel = true;
-    this.labelWidth = undefined;
-    this.selectDirectoryCallback = undefined;
-    this.value = undefined;
-  }
-  // 2. REFERENCE TO ELEMENTS //
-  // 3.STATE() VARIABLES //
-  // 4.PUBLIC PROPERTY API | WATCH'S //
-  // 5.EVENTS (EMIT) //
-  // 6.METHODS //
-  componentWillLoad() {
-    this.evaluateLabelPosition();
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    var e;
-    return t(o, null, this.label ? t("gxg-label", {
-      labelPosition: this.labelPosition,
-      center: this.centerLabel
-    }, this.label) : null, t("div", {
-      class: "wrapper"
-    }, t("gxg-form-text", {
-      part: "input",
-      value: this.value
-    }), t("gxg-button", {
-      part: "button-select",
-      onClick: this.btnSelectClickHandler,
-      "aria-label": (e = this.accessibilityLabels) === null || e === void 0 ? void 0 : e.buttonSelectLabel,
-      type: "secondary-icon-only",
-      icon: "gemini-tools/folder",
-      disabled: !this.selectDirectoryCallback
-    })));
-  }
-};
-
-r.style = a;
-
-export { r as gx_ide_file_selector };
-//# sourceMappingURL=p-e497877c.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["fileSelectorCss","GxIdeFileSelector","this","evaluateLabelPosition","label","labelPosition","centerLabel","btnSelectClickHandler","buttonSelectLabel","componentWillLoad","render","h","Host","center","class","part","value","onClick","_a","accessibilityLabels","type","icon","disabled","selectDirectoryCallback"],"sources":["src/components/file-selector/file-selector.scss?tag=gx-ide-file-selector&encapsulation=shadow","src/components/file-selector/file-selector.tsx"],"sourcesContent":["@import \"../../../node_modules/@genexus/gemini/dist/collection/globals/mixins.scss\";\n\n:host {\n  display: flex;\n  flex-direction: column;\n  color: var(--color-primary-enabled);\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n  }\n  /*label*/\n  label {\n    font-size: 14px;\n  }\n  /*wrapper*/\n  .wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--gx-ide-grid-column-gap);\n  }\n}\n/*label position*/\n:host([label-position=\"start\"]) {\n  flex-direction: row;\n  .wrapper {\n    flex: 1;\n  }\n}\n","/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\n\n@Component({\n  tag: \"gx-ide-file-selector\",\n  styleUrl: \"file-selector.scss\",\n  shadow: true\n})\nexport class GxIdeFileSelector {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   *  This property provides the user a way to define custom aria-label descriptions.\n   */\n  @Prop() readonly accessibilityLabels: FileSelectorLabels = {\n    buttonSelectLabel: \"selects a file from the user file system\"\n  };\n\n  /**\n   * The label associated with the input (optional)\n   */\n  @Prop() readonly label?: string;\n\n  /**\n   * The label position\n   */\n  @Prop({ reflect: true }) readonly labelPosition?: LabelPosition = \"start\";\n\n  /**\n   * Centers the label\n   */\n  @Prop({ mutable: true }) centerLabel = true;\n\n  /**\n   * The label width\n   */\n  @Prop() readonly labelWidth: string;\n\n  /**\n   * Callback that will be called when the user presses the action button. Returns the new value (directory path) assigned to the component.\n   */\n  @Prop() readonly selectDirectoryCallback: () => Promise<string>;\n\n  /**\n   * Value currently assigned.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  // 5.EVENTS (EMIT) //\n\n  // 6.METHODS //\n\n  componentWillLoad() {\n    this.evaluateLabelPosition();\n  }\n\n  private evaluateLabelPosition = (): void => {\n    if (this.label && this.labelPosition === \"above\") {\n      this.centerLabel = false;\n    }\n  };\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private btnSelectClickHandler = () => {};\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        {this.label ? (\n          <gxg-label\n            labelPosition={this.labelPosition}\n            center={this.centerLabel}\n          >\n            {this.label}\n          </gxg-label>\n        ) : null}\n        <div class=\"wrapper\">\n          <gxg-form-text part=\"input\" value={this.value}></gxg-form-text>\n          <gxg-button\n            part=\"button-select\"\n            onClick={this.btnSelectClickHandler}\n            aria-label={this.accessibilityLabels?.buttonSelectLabel}\n            type=\"secondary-icon-only\"\n            icon=\"gemini-tools/folder\"\n            disabled={!this.selectDirectoryCallback}\n          ></gxg-button>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type FileSelectorLabels = {\n  buttonSelectLabel: string;\n};\nexport type LabelPosition = \"start\" | \"above\";\n"],"mappings":";;AAAA,MAAMA,IAAkB;;MCUXC,IAAiB;;;IAoEpBC,KAAAC,wBAAwB;MAC9B,IAAID,KAAKE,SAASF,KAAKG,kBAAkB,SAAS;QAChDH,KAAKI,cAAc;;;;;;QAUfJ,KAAAK,wBAAwB;+BA5D2B;MACzDC,mBAAmB;;;yBAW6C;uBAK3B;;;;;;;;;;EA2BvC,iBAAAC;IACEP,KAAKC;;;EAmBP,MAAAO;;IACE,OACEC,EAACC,GAAI,MACFV,KAAKE,QACJO,EAAA;MACEN,eAAeH,KAAKG;MACpBQ,QAAQX,KAAKI;OAEZJ,KAAKE,SAEN,MACJO,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAeI,MAAK;MAAQC,OAAOd,KAAKc;QACxCL,EAAA;MACEI,MAAK;MACLE,SAASf,KAAKK;MAAqB,eACvBW,IAAAhB,KAAKiB,yBAAmB,QAAAD,WAAA,aAAAA,EAAEV;MACtCY,MAAK;MACLC,MAAK;MACLC,WAAWpB,KAAKqB"}

package/dist/types/components/file-selector/file-selector.d.ts

@@ -1,38 +0,0 @@
-export declare class GxIdeFileSelector {
-    /**
-     *  This property provides the user a way to define custom aria-label descriptions.
-     */
-    readonly accessibilityLabels: FileSelectorLabels;
-    /**
-     * The label associated with the input (optional)
-     */
-    readonly label?: string;
-    /**
-     * The label position
-     */
-    readonly labelPosition?: LabelPosition;
-    /**
-     * Centers the label
-     */
-    centerLabel: boolean;
-    /**
-     * The label width
-     */
-    readonly labelWidth: string;
-    /**
-     * Callback that will be called when the user presses the action button. Returns the new value (directory path) assigned to the component.
-     */
-    readonly selectDirectoryCallback: () => Promise<string>;
-    /**
-     * Value currently assigned.
-     */
-    value: string;
-    componentWillLoad(): void;
-    private evaluateLabelPosition;
-    private btnSelectClickHandler;
-    render(): any;
-}
-export type FileSelectorLabels = {
-    buttonSelectLabel: string;
-};
-export type LabelPosition = "start" | "above";