@genexus/genexus-ide-ui 1.1.4 → 1.1.5

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["entitySelectorCss","CSS_BUNDLES","SELECT_DEFAULT_ICON","getIconPath","category","name","colorType","CLEAR_ICON","GxIdeEntitySelector","_GxIdeEntitySelector_componentLocale","set","this","_GxIdeEntitySelector_btnClearClickHandler","value","defaultValue","iconSrc","_GxIdeEntitySelector_btnSelectClickHandler","selectEntityCallback","then","result","_GxIdeEntitySelector_buttonFocusHandler","e","type","buttonHasFocus","_GxIdeEntitySelector_renderControl","h","part","class","accessibleName","labelPosition","__classPrivateFieldGet","entitySelectorInputAccessibleName","disabled","entitySelectorNameAttribute","startImgSrc","readonly","id","clearButtonLabel","title","onClick","onFocus","undefined","onBlur","src","selectButtonLabel","_GxIdeEntitySelector_updateIconSrc","valueChangedHandler","valueChanged","emit","call","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","connectedCallback","render","Host","model","field","htmlFor","labelCaption"],"sources":["src/components/_helpers/entity-selector/entity-selector.scss?tag=gx-ide-entity-selector&encapsulation=shadow","src/components/_helpers/entity-selector/entity-selector.tsx"],"sourcesContent":["/*wrapper*/\n.wrapper {\n  display: grid;\n  grid-template-columns: 1fr max-content max-content;\n  gap: var(--mer-spacing--xs);\n  border-radius: var(--control__border-radius);\n  border: var(--control__border-width) var(--control__border-style)\n    var(--control__border-color);\n  padding: var(--control__padding-block) var(--control__padding-inline);\n\n  &:hover {\n    --control__border-color: var(--control__border-color--hover);\n  }\n  &:focus {\n  }\n}\n/*input*/\n.input {\n  --control__padding-block: 0;\n  --control__padding-inline: 0;\n  // Remove control border. We want to simulate a input that includes two buttons at the end.\n  --control__border-width: 0;\n  --focus__outline-width: 0;\n}\n:host(:focus-within) {\n  .wrapper {\n    --control__border-color: var(--focus__outline-color);\n  }\n}\n:host(.entity-selector--button-has-focus) {\n  .wrapper {\n    outline: none;\n  }\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  .wrapper {\n    background-color: var(--control__background-color--disabled);\n    border-color: var(--control__border-color--disabled);\n  }\n}\n/*custom button icon*/\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Event,\n  EventEmitter,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\nimport { LabelPosition } from \"../../../common/types\";\nimport { EntityData } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/edit\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/form\"\n];\nconst SELECT_DEFAULT_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"primary\"\n});\nconst CLEAR_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"reset\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-entity-selector\",\n  styleUrl: \"entity-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/entity-selector\"]\n})\nexport class GxIdeEntitySelector {\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeEntitySelectorElement;\n\n  /**\n   * Adds/removes a CSS class on the host. It removes focus-within styles when\n   * focus is on a button.\n   */\n  @State() buttonHasFocus = false;\n\n  @State() iconSrc: string = null;\n\n  /**\n   * Default value for the component. Used when the 'X' button is pressed.\n   */\n  @Prop() readonly defaultValue?: EntityData | null | undefined;\n\n  /**\n   * This attribute lets you specify if the element is disabled.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false;\n\n  /**\n   * The label caption. Only visible if \"labelPosition\" is not \"none\".\n   * I no \"labelCaption\" is provided, a generic caption \"Select Entity\" will be provided\n   */\n  @Prop() readonly labelCaption?: string;\n\n  /**\n   * The label position\n   */\n  @Prop({ reflect: true }) readonly labelPosition?: LabelPosition =\n    \"block-start\";\n\n  /**\n   * This property specifies the `name` of the control when used in a form.\n   */\n  @Prop({ reflect: true }) readonly name?: string;\n\n  /**\n   * Callback invoked when the action button is pressed. Returns the new value.\n   */\n  @Prop() readonly selectEntityCallback!: () => Promise<EntityData> | null;\n\n  /**\n   * Value currently assigned.\n   */\n  @Prop({ mutable: true }) value: EntityData | null | undefined;\n  @Watch(\"value\")\n  valueChangedHandler() {\n    this.valueChanged.emit(this.value);\n    this.#updateIconSrc();\n  }\n\n  /**\n   * Emits the input value every time it changes\n   */\n  @Event() valueChanged: EventEmitter<EntityData>;\n\n  // 6.Component Lifecycle Events\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  connectedCallback() {\n    this.#updateIconSrc();\n  }\n\n  #btnClearClickHandler = () => {\n    this.value = this.defaultValue;\n    this.iconSrc = this.defaultValue?.iconSrc;\n  };\n\n  #btnSelectClickHandler = () => {\n    this.selectEntityCallback().then(result => {\n      if (result) {\n        this.value = result;\n      }\n    });\n  };\n\n  #buttonFocusHandler = (e: FocusEvent) => {\n    if (e.type === \"focus\") {\n      this.buttonHasFocus = true;\n    } else if (e.type === \"blur\") {\n      this.buttonHasFocus = false;\n    }\n  };\n\n  #renderControl = (): HTMLDivElement => {\n    return (\n      <div part=\"wrapper\" class=\"wrapper\">\n        <ch-edit\n          accessibleName={\n            this.labelPosition === \"none\" &&\n            this.#componentLocale.entitySelectorInputAccessibleName\n          }\n          class=\"input\"\n          disabled={this.disabled}\n          name={this.name || this.#componentLocale.entitySelectorNameAttribute}\n          startImgSrc={this.iconSrc}\n          readonly\n          value={this.value?.name || this.defaultValue?.name}\n          id=\"entity-input\"\n        ></ch-edit>\n\n        <button\n          part=\"button-clear\"\n          class=\"icon-button\"\n          aria-label={this.#componentLocale.clearButtonLabel}\n          title={this.#componentLocale.clearButtonLabel}\n          type=\"button\"\n          disabled={this.disabled}\n          onClick={this.#btnClearClickHandler}\n          onFocus={this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n          onBlur={!this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n        >\n          <ch-image\n            class=\"icon-md\"\n            src={CLEAR_ICON}\n            disabled={this.disabled}\n          ></ch-image>\n        </button>\n\n        <button\n          class=\"icon-button\"\n          aria-label={this.#componentLocale.selectButtonLabel}\n          title={this.#componentLocale.selectButtonLabel}\n          type=\"button\"\n          disabled={!this.selectEntityCallback || this.disabled}\n          onClick={this.#btnSelectClickHandler}\n          onBlur={!this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n          onFocus={this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n        >\n          <ch-image\n            class=\"icon-md\"\n            src={SELECT_DEFAULT_ICON}\n            disabled={this.disabled}\n          ></ch-image>\n        </button>\n      </div>\n    );\n  };\n\n  #updateIconSrc = () => {\n    if (this.value && this.value.iconSrc) {\n      this.iconSrc = this.value.iconSrc;\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          \"entity-selector--button-has-focus\": this.buttonHasFocus\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.labelPosition !== \"none\" ? (\n          <div\n            class={{\n              \"field\": true,\n              \"field-block\": this.labelPosition === \"block-start\",\n              \"field-inline\": this.labelPosition === \"inline-start\"\n            }}\n          >\n            <label class=\"label\" htmlFor=\"entity-input\">\n              {this.labelCaption ||\n                this.#componentLocale.entitySelectorInputAccessibleName}\n            </label>\n            {this.#renderControl()}\n          </div>\n        ) : (\n          this.#renderControl()\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type EntitySelectorLabels = {\n  buttonClearLabel: string;\n  buttonSelectLabel: string;\n};\n"],"mappings":"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"}