@genexus/genexus-ide-ui 1.0.44 → 1.0.46

package/dist/types/components/ww-attributes/ww-attributes.d.ts

@@ -0,0 +1,95 @@
+import { ContextMenuInfo, EntityData, GxOption } from "../../common/types";
+export declare class GxIdeWWAttributes {
+    #private;
+    el: HTMLGxIdeWwAttributesElement;
+    /**
+     * Attributes rendered in the table
+     */
+    attributes: AttributeData[];
+    /**
+     * Selected attributes in the table of attributes
+     */
+    selectedAttributesIds: string[];
+    /**
+     * Show or hide advanced filters
+     */
+    filterMore: boolean;
+    /**
+     * The attribute filter name
+     */
+    name: string;
+    /**
+     * True if loadCallback hasn't been resolved yet
+     */
+    loading: boolean;
+    /**
+     * The attribute object value
+     */
+    object: EntityData;
+    /**
+     * The attribute filter type value
+     */
+    type: string;
+    /**
+     * Callback invoked when user right-clicks on the grid
+     */
+    readonly contextMenuCallback: ContextMenuCallback;
+    /**
+     * Callback invoked when user deletes an object
+     */
+    readonly deleteSelectionCallback: DeleteSelectionCallback;
+    /**
+     * Callback invoked when user filters the objects
+     */
+    readonly loadCallback: LoadCallback;
+    /**
+     * Callback invoked when user executes filter action
+     */
+    readonly objectActionCallback: ObjectActionCallback;
+    /**
+     * Objects rendered in the object selector
+     */
+    readonly objects: GxOption[];
+    /**
+     * Callback invoked when user opens the selection dialog
+     */
+    readonly openSelectionCallback: OpenSelectionCallback;
+    /**
+     * Callback invoked when user selects or deselects an object
+     */
+    readonly selectionChangeCallback: SelectionChangeCallback;
+    /**
+     * Types rendered in the filter type selector
+     */
+    readonly types: GxOption[];
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
+    keyDownHandler(eventInfo: KeyboardEvent): void;
+    /**
+     * Reloads the view, refreshing the filters and attributes table.
+     */
+    reload(): Promise<void>;
+    /**
+     * Validate necessary data input
+     */
+    validate(): Promise<boolean>;
+    render(): void;
+}
+export type ContextMenuCallback = (contextMenuInfo: ContextMenuInfo) => Promise<void>;
+export type DeleteSelectionCallback = (ids: string[]) => Promise<void>;
+export type LoadCallback = (filters: AttributeFiltersData) => Promise<AttributeData[]>;
+export type ObjectActionCallback = () => Promise<EntityData | undefined>;
+export type OpenSelectionCallback = (ids: string[]) => Promise<void>;
+export type SelectionChangeCallback = (ids: string[]) => Promise<void>;
+export interface AttributeData {
+    id: string;
+    icon: string;
+    name: string;
+    type: string;
+    description: string;
+}
+export interface AttributeFiltersData {
+    name?: string;
+    type?: string;
+    object?: string;
+}

package/dist/types/components.d.ts

@@ -58,7 +58,8 @@ import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev/updat
 import { TitleAlignment as TitleAlignment1, TitleType as TitleType1 } from "./components/_helpers/title/title";
 import { CloseCallback as CloseCallback1, SlideInfo, TransitionType } from "./components/welcome-page/welcome-page";
 import { WFConfigData } from "./components/wf-settings/wf-settings";
-import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback5, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback3 } from "./components/ww-images/ww-images";
+import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback5, ObjectActionCallback, OpenSelectionCallback as OpenSelectionCallback1, SelectionChangeCallback } from "./components/ww-attributes/ww-attributes";
+import { ContextMenuCallback as ContextMenuCallback1, DeleteSelectionCallback as DeleteSelectionCallback1, LoadCallback as LoadCallback6, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback2, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback3 } from "./components/ww-images/ww-images";
 export { AiStatus, Message, UserMessageCallback } from "./components/ai-assistant/ai-assistant";
 export { MessageType } from "./components/ai-assistant/ai-assistant";
 export { Translations } from "./components/ai-assistant/ai-message";
@@ -112,7 +113,8 @@ export { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev/updat
 export { TitleAlignment as TitleAlignment1, TitleType as TitleType1 } from "./components/_helpers/title/title";
 export { CloseCallback as CloseCallback1, SlideInfo, TransitionType } from "./components/welcome-page/welcome-page";
 export { WFConfigData } from "./components/wf-settings/wf-settings";
-export { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback5, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback3 } from "./components/ww-images/ww-images";
+export { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback5, ObjectActionCallback, OpenSelectionCallback as OpenSelectionCallback1, SelectionChangeCallback } from "./components/ww-attributes/ww-attributes";
+export { ContextMenuCallback as ContextMenuCallback1, DeleteSelectionCallback as DeleteSelectionCallback1, LoadCallback as LoadCallback6, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback2, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback3 } from "./components/ww-images/ww-images";
 export namespace Components {
     interface GxIdeAiAssistant {
         /**
@@ -562,13 +564,17 @@ export namespace Components {
          */
         "myAccountCallback": () => Promise<void>;
         /**
-          * Callback executed when the user click "Privacy Policy & Terms of use" link
+          * Callback executed when the user clicks on the "privacy policy" link
          */
-        "showTermsCallback": () => Promise<void>;
+        "privacyCallback": () => Promise<void>;
         /**
           * Callback executed when the user click "Sign Out" link
          */
         "signOutCallback": () => Promise<void>;
+        /**
+          * Callback executed when the user clicks on the "term and conditions" link
+         */
+        "termsCallback": () => Promise<void>;
         /**
           * User data
          */
@@ -858,7 +864,7 @@ export namespace Components {
         /**
           * Callback invoked when the action button is pressed. Returns the new value.
          */
-        "selectEntityCallback": () => Promise<EntityData>;
+        "selectEntityCallback": () => Promise<EntityData> | null;
         /**
           * Value currently assigned.
          */
@@ -1512,6 +1518,10 @@ export namespace Components {
           * Callback executed when the user clicks the 'Continue' button
          */
         "continueCallback": (teamId: string) => Promise<void>;
+        /**
+          * Callback executed when the user clicks on the "privacy policy" link
+         */
+        "privacyCallback": () => Promise<void>;
         /**
           * Callback executed when the user click the "Sign In" button
          */
@@ -1524,6 +1534,10 @@ export namespace Components {
           * Callback executed when the user clicks on the "term and conditions" link
          */
         "termsCallback": () => Promise<void>;
+        /**
+          * When true, it will diplay checkboxes for the user to confirm terms and conditions
+         */
+        "termsConfirmationRequired": boolean;
     }
     interface GxIdeSplash {
         /**
@@ -1869,6 +1883,48 @@ export namespace Components {
          */
         "saveCallback": (config: WFConfigData) => Promise<void>;
     }
+    interface GxIdeWwAttributes {
+        /**
+          * Callback invoked when user right-clicks on the grid
+         */
+        "contextMenuCallback": ContextMenuCallback;
+        /**
+          * Callback invoked when user deletes an object
+         */
+        "deleteSelectionCallback": DeleteSelectionCallback;
+        /**
+          * Callback invoked when user filters the objects
+         */
+        "loadCallback": LoadCallback5;
+        /**
+          * Callback invoked when user executes filter action
+         */
+        "objectActionCallback": ObjectActionCallback;
+        /**
+          * Objects rendered in the object selector
+         */
+        "objects": GxOption[];
+        /**
+          * Callback invoked when user opens the selection dialog
+         */
+        "openSelectionCallback": OpenSelectionCallback1;
+        /**
+          * Reloads the view, refreshing the filters and attributes table.
+         */
+        "reload": () => Promise<void>;
+        /**
+          * Callback invoked when user selects or deselects an object
+         */
+        "selectionChangeCallback": SelectionChangeCallback;
+        /**
+          * Types rendered in the filter type selector
+         */
+        "types": GxOption[];
+        /**
+          * Validate necessary data input
+         */
+        "validate": () => Promise<boolean>;
+    }
     interface GxIdeWwImages {
         /**
           * The categories render in the filter category selector
@@ -1877,7 +1933,7 @@ export namespace Components {
         /**
           * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
-        "contextMenuCallback": ContextMenuCallback;
+        "contextMenuCallback": ContextMenuCallback1;
         /**
           * The default value for the 'categories' filter
          */
@@ -1893,7 +1949,7 @@ export namespace Components {
         /**
           * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
-        "deleteSelectionCallback": DeleteSelectionCallback;
+        "deleteSelectionCallback": DeleteSelectionCallback1;
         /**
           * The densities render in the filter density selector
          */
@@ -1917,7 +1973,7 @@ export namespace Components {
         /**
           * This is a function provided by the developer that return a list of images to populate the table of images.
          */
-        "loadCallback": LoadCallback5;
+        "loadCallback": LoadCallback6;
         /**
           * This is a function provided by the developer that return a list of items of the image selected.
          */
@@ -1929,7 +1985,7 @@ export namespace Components {
         /**
           * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
-        "openSelectionCallback": OpenSelectionCallback1;
+        "openSelectionCallback": OpenSelectionCallback2;
         /**
           * This method reload the view, refreshing the filters and the table of images.
          */
@@ -2765,6 +2821,12 @@ declare global {
         prototype: HTMLGxIdeWfSettingsElement;
         new (): HTMLGxIdeWfSettingsElement;
     };
+    interface HTMLGxIdeWwAttributesElement extends Components.GxIdeWwAttributes, HTMLStencilElement {
+    }
+    var HTMLGxIdeWwAttributesElement: {
+        prototype: HTMLGxIdeWwAttributesElement;
+        new (): HTMLGxIdeWwAttributesElement;
+    };
     interface HTMLGxIdeWwImagesElementEventMap {
         "componentDidLoadEvent": boolean;
         "componentDidRenderFirstTime": string;
@@ -2840,6 +2902,7 @@ declare global {
         "gx-ide-top-bar": HTMLGxIdeTopBarElement;
         "gx-ide-welcome-page": HTMLGxIdeWelcomePageElement;
         "gx-ide-wf-settings": HTMLGxIdeWfSettingsElement;
+        "gx-ide-ww-attributes": HTMLGxIdeWwAttributesElement;
         "gx-ide-ww-images": HTMLGxIdeWwImagesElement;
     }
 }
@@ -3324,13 +3387,17 @@ declare namespace LocalJSX {
          */
         "myAccountCallback": () => Promise<void>;
         /**
-          * Callback executed when the user click "Privacy Policy & Terms of use" link
+          * Callback executed when the user clicks on the "privacy policy" link
          */
-        "showTermsCallback": () => Promise<void>;
+        "privacyCallback"?: () => Promise<void>;
         /**
           * Callback executed when the user click "Sign Out" link
          */
         "signOutCallback": () => Promise<void>;
+        /**
+          * Callback executed when the user clicks on the "term and conditions" link
+         */
+        "termsCallback"?: () => Promise<void>;
         /**
           * User data
          */
@@ -3624,7 +3691,7 @@ declare namespace LocalJSX {
         /**
           * Callback invoked when the action button is pressed. Returns the new value.
          */
-        "selectEntityCallback": () => Promise<EntityData>;
+        "selectEntityCallback": () => Promise<EntityData> | null;
         /**
           * Value currently assigned.
          */
@@ -4298,10 +4365,14 @@ declare namespace LocalJSX {
           * Callback executed when the user clicks the 'Continue' button
          */
         "continueCallback": (teamId: string) => Promise<void>;
+        /**
+          * Callback executed when the user clicks on the "privacy policy" link
+         */
+        "privacyCallback"?: () => Promise<void>;
         /**
           * Callback executed when the user click the "Sign In" button
          */
-        "signInCallback"?: () => Promise<void>;
+        "signInCallback": () => Promise<void>;
         /**
           * Array that contains the user's teams
          */
@@ -4310,6 +4381,10 @@ declare namespace LocalJSX {
           * Callback executed when the user clicks on the "term and conditions" link
          */
         "termsCallback"?: () => Promise<void>;
+        /**
+          * When true, it will diplay checkboxes for the user to confirm terms and conditions
+         */
+        "termsConfirmationRequired"?: boolean;
     }
     interface GxIdeSplash {
         /**
@@ -4691,6 +4766,40 @@ declare namespace LocalJSX {
          */
         "saveCallback"?: (config: WFConfigData) => Promise<void>;
     }
+    interface GxIdeWwAttributes {
+        /**
+          * Callback invoked when user right-clicks on the grid
+         */
+        "contextMenuCallback": ContextMenuCallback;
+        /**
+          * Callback invoked when user deletes an object
+         */
+        "deleteSelectionCallback": DeleteSelectionCallback;
+        /**
+          * Callback invoked when user filters the objects
+         */
+        "loadCallback": LoadCallback5;
+        /**
+          * Callback invoked when user executes filter action
+         */
+        "objectActionCallback": ObjectActionCallback;
+        /**
+          * Objects rendered in the object selector
+         */
+        "objects": GxOption[];
+        /**
+          * Callback invoked when user opens the selection dialog
+         */
+        "openSelectionCallback": OpenSelectionCallback1;
+        /**
+          * Callback invoked when user selects or deselects an object
+         */
+        "selectionChangeCallback": SelectionChangeCallback;
+        /**
+          * Types rendered in the filter type selector
+         */
+        "types": GxOption[];
+    }
     interface GxIdeWwImages {
         /**
           * The categories render in the filter category selector
@@ -4699,7 +4808,7 @@ declare namespace LocalJSX {
         /**
           * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
-        "contextMenuCallback": ContextMenuCallback;
+        "contextMenuCallback": ContextMenuCallback1;
         /**
           * The default value for the 'categories' filter
          */
@@ -4715,7 +4824,7 @@ declare namespace LocalJSX {
         /**
           * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
-        "deleteSelectionCallback": DeleteSelectionCallback;
+        "deleteSelectionCallback": DeleteSelectionCallback1;
         /**
           * The densities render in the filter density selector
          */
@@ -4739,7 +4848,7 @@ declare namespace LocalJSX {
         /**
           * This is a function provided by the developer that return a list of images to populate the table of images.
          */
-        "loadCallback": LoadCallback5;
+        "loadCallback": LoadCallback6;
         /**
           * This is a function provided by the developer that return a list of items of the image selected.
          */
@@ -4759,7 +4868,7 @@ declare namespace LocalJSX {
         /**
           * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
-        "openSelectionCallback": OpenSelectionCallback1;
+        "openSelectionCallback": OpenSelectionCallback2;
         /**
           * Displays a secondary filter, used to filter over the filtered images
          */
@@ -4842,6 +4951,7 @@ declare namespace LocalJSX {
         "gx-ide-top-bar": GxIdeTopBar;
         "gx-ide-welcome-page": GxIdeWelcomePage;
         "gx-ide-wf-settings": GxIdeWfSettings;
+        "gx-ide-ww-attributes": GxIdeWwAttributes;
         "gx-ide-ww-images": GxIdeWwImages;
     }
 }
@@ -4905,6 +5015,7 @@ declare module "@stencil/core" {
             "gx-ide-top-bar": LocalJSX.GxIdeTopBar & JSXBase.HTMLAttributes<HTMLGxIdeTopBarElement>;
             "gx-ide-welcome-page": LocalJSX.GxIdeWelcomePage & JSXBase.HTMLAttributes<HTMLGxIdeWelcomePageElement>;
             "gx-ide-wf-settings": LocalJSX.GxIdeWfSettings & JSXBase.HTMLAttributes<HTMLGxIdeWfSettingsElement>;
+            "gx-ide-ww-attributes": LocalJSX.GxIdeWwAttributes & JSXBase.HTMLAttributes<HTMLGxIdeWwAttributesElement>;
             "gx-ide-ww-images": LocalJSX.GxIdeWwImages & JSXBase.HTMLAttributes<HTMLGxIdeWwImagesElement>;
         }
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.0.44",
+  "version": "1.0.46",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

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

@@ -1 +0,0 @@
-{"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","_a","_GxIdeEntitySelector_btnSelectClickHandler","selectEntityCallback","then","result","_GxIdeEntitySelector_buttonFocusHandler","e","type","buttonHasFocus","_GxIdeEntitySelector_renderControl","h","part","class","accessibleName","labelPosition","__classPrivateFieldGet","entitySelectorInputAccessibleName","disabled","entitySelectorNameAttribute","startImgSrc","readonly","_b","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>;\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      this.value = result;\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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"}

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

@@ -1,163 +0,0 @@
-import { a as n, r as e, h as i, H as t, g as s } from "./p-49712340.js";
-
-import { L as a } from "./p-311eedf3.js";
-
-const mapTeamsToComboBoxItemModel = n => {
-  if (!n) {
-    return [];
-  }
-  return n.map((n => ({
-    value: n.id,
-    caption: n.name
-  })));
-};
-
-const r = ":host {\n  display: grid;\n  container-type: inline-size;\n  container-name: host-container;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n  padding: var(--mer-spacing--xl);\n}\n\n.slide {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  block-size: 100%;\n  max-block-size: 700px;\n  max-inline-size: 1100px;\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: var(--mer-spacing--md);\n  overflow: hidden;\n}\n.slide__illustration {\n  overflow: hidden;\n  object-fit: cover;\n  object-position: left;\n  block-size: 100%;\n  inline-size: 100%;\n}\n.slide__main {\n  display: grid;\n  block-size: 100%;\n  inline-size: 100%;\n  padding: var(--mer-spacing--3xl);\n  transform: translateY(var(--mer-spacing--2xs));\n  transition: var(--switch-step-transtion-time) all;\n  opacity: 0;\n}\n.slide__main--visible {\n  transform: translateY(0);\n  opacity: 1;\n}\n.slide__main-container {\n  display: grid;\n  place-self: center;\n  gap: var(--mer-spacing--lg);\n  max-inline-size: 480px;\n}\n.slide__main-header {\n  display: grid;\n  gap: var(--mer-spacing--lg);\n}\n.slide__main-title {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--mer-font__size--xl);\n  font-weight: var(--mer-font__weight--semi-bold);\n  letter-spacing: 0.02em;\n  color: var(--mer-text__on-surface);\n}\n.slide__main-description {\n  display: grid;\n  gap: var(--mer-spacing--2xl);\n  font-size: var(--mer-font__size--sm);\n  font-weight: var(--mer-font__weight--light);\n  line-height: var(--mer-line-height--spaced);\n  color: var(--mer-text__complementary);\n}\n\n.terms-conditions {\n  text-decoration: underline;\n}\n\n.teams-list {\n  inline-size: 100%;\n  max-inline-size: 400px;\n}\n\n.main-btn {\n  inline-size: 100%;\n  max-inline-size: 124px;\n}\n\n@container host-container (max-width: 768px) {\n  .slide {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n@container host-container (max-width: 640px) {\n  .slide {\n    grid-template-columns: 1fr 5fr;\n  }\n}";
-
-var o = undefined && undefined.__classPrivateFieldGet || function(n, e, i, t) {
-  if (i === "a" && !t) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof e === "function" ? n !== e || !t : !e.has(n)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? t : i === "a" ? t.call(n) : t ? t.value : e.get(n);
-};
-
-var l = undefined && undefined.__classPrivateFieldSet || function(n, e, i, t, s) {
-  if (t === "m") throw new TypeError("Private method is not writable");
-  if (t === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof e === "function" ? n !== e || !s : !e.has(n)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return t === "a" ? s.call(n, i) : s ? s.value = i : e.set(n, i), i;
-};
-
-var d, c, h, m, p, f;
-
-const g = n(`./gx-ide-assets/welcome-page/images/copyrights-illustration.png`);
-
-const u = n(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
-
-const _ = [ "resets/box-sizing", "utils/typography", "components/button", "components/combo-box" ];
-
-const v = class {
-  constructor(n) {
-    e(this, n);
-    /**
-         * The component hard-coded strings translations.
-         */
-    // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        d.set(this, void 0);
-    // Select User Team References :
-        c.set(this, []);
-    h.set(this, void 0);
-    m.set(this, 100);
-    p.set(this, (() => {
-      if (this.authStep === "signIn") {
-        this.signInCallback();
-      } else if (this.authStep === "selectUserTeam") {
-        o(this, f, "f").call(this);
-      }
-    }));
-    f.set(this, (async () => {
-      await this.continueCallback(o(this, h, "f").value);
-    }));
-    this.authStepInternal = undefined;
-    this.slideIsVisible = true;
-    this.authStep = "signIn";
-    this.continueCallback = undefined;
-    this.signInCallback = undefined;
-    this.teams = undefined;
-    this.termsCallback = undefined;
-  }
-  authStepChanged(n) {
-    this.slideIsVisible = false;
-    // switch step
-        setTimeout((() => {
-      this.authStepInternal = n;
-    }), o(this, m, "f"));
-    // show slide
-        setTimeout((() => {
-      this.slideIsVisible = true;
-    }), o(this, m, "f") * 2);
-  }
-  teamsChanged(n) {
-    l(this, c, mapTeamsToComboBoxItemModel(n), "f");
-  }
-  async componentWillLoad() {
-    l(this, d, await a.getComponentStrings(this.el), "f");
-    this.el.style.setProperty("--switch-step-transtion-time", o(this, m, "f").toString() + "ms");
-    // Initialize values
-        this.authStepInternal = this.authStep;
-    this.teamsChanged(this.teams);
-  }
-  render() {
-    var n;
-    return i(t, null, i("ch-theme", {
-      model: _
-    }), i("section", {
-      class: "slide"
-    }, i("img", {
-      src: g,
-      class: "slide__illustration",
-      alt: ""
-    }), i("div", {
-      class: {
-        slide__main: true,
-        "slide__main--visible": this.slideIsVisible
-      }
-    }, i("div", {
-      class: "slide__main-container"
-    }, i("header", {
-      class: "slide__main-header"
-    }, i("img", {
-      src: u,
-      alt: ""
-    }), i("h2", {
-      // Split the title into two spans for better styling
-      class: "slide__main-title"
-    }, i("span", null, o(this, d, "f")[this.authStepInternal].titlePart1), i("span", null, o(this, d, "f")[this.authStepInternal].titlePart2))), this.authStepInternal === "signIn" ? i("div", {
-      class: "slide__main-description"
-    }, i("p", {
-      hidden: true
-    }, i("span", null, o(this, d, "f").descriptionText)), i("span", null, o(this, d, "f").signIn.byContinuingText, i("a", {
-      class: "terms-conditions",
-      onClick: this.termsCallback
-    }, o(this, d, "f").signIn.byContinuingCallBackText))) : [ i("div", {
-      class: "slide__select-team-description"
-    }, i("p", {
-      class: "text-body-highlighted-l"
-    }, o(this, d, "f").selectUserTeam.infoMessage)), i("div", {
-      class: "field-group"
-    }, i("div", {
-      class: "field field-block"
-    }, i("label", {
-      htmlFor: "teams"
-    }, o(this, d, "f").teams), i("ch-combo-box-render", {
-      id: "teams",
-      accessibleName: "Teams",
-      class: "combo-box teams-list",
-      model: o(this, c, "f"),
-      value: (n = o(this, c, "f")[0]) === null || n === void 0 ? void 0 : n.value,
-      ref: n => l(this, h, n, "f")
-    }))) ], i("div", null, i("button", {
-      class: "button-primary main-btn",
-      onClick: o(this, p, "f")
-    }, o(this, d, "f")[this.authStepInternal].buttonCaption))))));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/sign-in-team" ];
-  }
-  get el() {
-    return s(this);
-  }
-  static get watchers() {
-    return {
-      authStep: [ "authStepChanged" ],
-      teams: [ "teamsChanged" ]
-    };
-  }
-};
-
-d = new WeakMap, c = new WeakMap, h = new WeakMap, m = new WeakMap, p = new WeakMap, 
-f = new WeakMap;
-
-v.style = r;
-
-export { v as gx_ide_sign_in_team };
-//# sourceMappingURL=p-0b33d2f9.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["mapTeamsToComboBoxItemModel","teams","map","team","value","id","caption","name","signInTeamCss","COPYRIGHTS_ILLUSTRATION","getAssetPath","ICON_NEXT","CSS_BUNDLES","GxIdeSignInTeam","_GxIdeSignInTeam_componentLocale","set","this","_GxIdeSignInTeam_userTeamsModel","_GxIdeSignInTeam_chSelectTeamEl","_GxIdeSignInTeam_switchStepTransitionTime","_GxIdeSignInTeam_authStepCallback","authStep","signInCallback","__classPrivateFieldGet","_GxIdeSignInTeam_continueHandler","call","async","continueCallback","authStepChanged","newAuthStep","slideIsVisible","setTimeout","authStepInternal","teamsChanged","newTeams","__classPrivateFieldSet","componentWillLoad","Locale","getComponentStrings","el","style","setProperty","toString","render","h","Host","model","class","src","alt","slide__main","titlePart1","titlePart2","hidden","descriptionText","signIn","byContinuingText","onClick","termsCallback","byContinuingCallBackText","selectUserTeam","infoMessage","htmlFor","accessibleName","_a","ref","buttonCaption"],"sources":["src/components/sign-in-team/helpers.ts","src/components/sign-in-team/sign-in-team.scss?tag=gx-ide-sign-in-team&encapsulation=shadow","src/components/sign-in-team/sign-in-team.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./sign-in-team\";\n\nexport const mapTeamsToComboBoxItemModel = (\n  teams?: TeamData[]\n): ComboBoxItemModel[] | undefined => {\n  if (!teams) {\n    return [];\n  }\n  return teams.map(team => ({\n    value: team.id,\n    caption: team.name\n  }));\n};\n",":host {\n  display: grid;\n  container-type: inline-size;\n  container-name: host-container;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n  padding: var(--mer-spacing--xl);\n}\n\n.slide {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  block-size: 100%;\n  max-block-size: 700px;\n  max-inline-size: 1100px;\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: var(--mer-spacing--md);\n  overflow: hidden;\n\n  &__illustration {\n    overflow: hidden;\n    object-fit: cover;\n    object-position: left;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  &__main {\n    display: grid;\n    block-size: 100%;\n    inline-size: 100%;\n    padding: var(--mer-spacing--3xl);\n    transform: translateY(var(--mer-spacing--2xs));\n    transition: var(--switch-step-transtion-time) all;\n    opacity: 0;\n\n    &--visible {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  &__main-container {\n    display: grid;\n    place-self: center;\n    gap: var(--mer-spacing--lg);\n    max-inline-size: 480px;\n  }\n\n  &__main-header {\n    display: grid;\n    gap: var(--mer-spacing--lg);\n  }\n\n  &__main-title {\n    display: flex;\n    flex-direction: column;\n    font-size: var(--mer-font__size--xl);\n    font-weight: var(--mer-font__weight--semi-bold);\n    letter-spacing: 0.02em;\n    color: var(--mer-text__on-surface);\n  }\n\n  &__main-description {\n    display: grid;\n    gap: var(--mer-spacing--2xl);\n    font-size: var(--mer-font__size--sm);\n    font-weight: var(--mer-font__weight--light);\n    line-height: var(--mer-line-height--spaced);\n    color: var(--mer-text__complementary);\n  }\n}\n\n.terms-conditions {\n  text-decoration: underline;\n}\n\n.teams-list {\n  inline-size: 100%;\n  max-inline-size: 400px;\n}\n\n.main-btn {\n  inline-size: 100%;\n  max-inline-size: 124px;\n}\n\n@container host-container (max-width: 768px) {\n  .slide {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n\n@container host-container (max-width: 640px) {\n  .slide {\n    grid-template-columns: 1fr 5fr;\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Element,\n  getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\nimport { mapTeamsToComboBoxItemModel } from \"./helpers\";\n\nconst COPYRIGHTS_ILLUSTRATION = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/copyrights-illustration.png`\n);\nconst ICON_NEXT = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/combo-box\"\n];\n\n@Component({\n  tag: \"gx-ide-sign-in-team\",\n  styleUrl: \"sign-in-team.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/sign-in-team\"]\n})\nexport class GxIdeSignInTeam {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  // Select User Team References :\n  #userTeamsModel: ComboBoxItemModel[] = [];\n  #chSelectTeamEl: HTMLChComboBoxRenderElement;\n  #switchStepTransitionTime: number = 100;\n\n  @Element() el: HTMLGxIdeSignInTeamElement;\n\n  /**\n   * This is a handover from \"authStep\" that allows updating descriptions once\n   * the slide is hidden. This enables a smooth transition between descriptions.\n   */\n\n  @State() authStepInternal: AuthStep;\n\n  /**\n   * Defines if the main slide is visible or not. Used for smooth transitions\n   * between slides.\n   */\n  @State() slideIsVisible: boolean = true;\n\n  /**\n   * The authentication step to display\n   */\n  @Prop() readonly authStep: AuthStep = \"signIn\";\n  @Watch(\"authStep\")\n  authStepChanged(newAuthStep: AuthStep) {\n    this.slideIsVisible = false;\n    // switch step\n    setTimeout(() => {\n      this.authStepInternal = newAuthStep;\n    }, this.#switchStepTransitionTime);\n    // show slide\n    setTimeout(() => {\n      this.slideIsVisible = true;\n    }, this.#switchStepTransitionTime * 2);\n  }\n\n  /**\n   * Callback executed when the user clicks the 'Continue' button\n   */\n  @Prop() readonly continueCallback!: (teamId: string) => Promise<void>;\n\n  /**\n   * Callback executed when the user click the \"Sign In\" button\n   */\n  @Prop() readonly signInCallback: () => Promise<void>;\n\n  /**\n   * Array that contains the user's teams\n   */\n  @Prop() readonly teams!: TeamData[];\n  @Watch(\"teams\")\n  teamsChanged(newTeams: TeamData[]) {\n    this.#userTeamsModel = mapTeamsToComboBoxItemModel(newTeams);\n  }\n\n  /**\n   * Callback executed when the user clicks on the \"term and conditions\" link\n   */\n  @Prop() readonly termsCallback: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.el.style.setProperty(\n      \"--switch-step-transtion-time\",\n      this.#switchStepTransitionTime.toString() + \"ms\"\n    );\n    // Initialize values\n    this.authStepInternal = this.authStep;\n    this.teamsChanged(this.teams);\n  }\n\n  #authStepCallback = () => {\n    if (this.authStep === \"signIn\") {\n      this.signInCallback();\n    } else if (this.authStep === \"selectUserTeam\") {\n      this.#continueHandler();\n    }\n  };\n\n  #continueHandler = async () => {\n    await this.continueCallback(this.#chSelectTeamEl.value);\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"slide\">\n          <img\n            src={COPYRIGHTS_ILLUSTRATION}\n            class=\"slide__illustration\"\n            alt=\"\" // decorative\n          />\n\n          <div\n            class={{\n              \"slide__main\": true,\n              \"slide__main--visible\": this.slideIsVisible\n            }}\n          >\n            <div class=\"slide__main-container\">\n              <header class=\"slide__main-header\">\n                <img\n                  src={ICON_NEXT}\n                  alt=\"\" // decorative\n                />\n                <h2\n                  // Split the title into two spans for better styling\n                  class=\"slide__main-title\"\n                >\n                  <span>\n                    {this.#componentLocale[this.authStepInternal].titlePart1}\n                  </span>\n                  <span>\n                    {this.#componentLocale[this.authStepInternal].titlePart2}\n                  </span>\n                </h2>\n              </header>\n\n              {this.authStepInternal === \"signIn\" ? (\n                <div class=\"slide__main-description\">\n                  <p hidden>\n                    <span>{this.#componentLocale.descriptionText}</span>\n                  </p>\n                  <span>\n                    {this.#componentLocale.signIn.byContinuingText}\n                    <a class=\"terms-conditions\" onClick={this.termsCallback}>\n                      {this.#componentLocale.signIn.byContinuingCallBackText}\n                    </a>\n                  </span>\n                </div>\n              ) : (\n                [\n                  <div class=\"slide__select-team-description\">\n                    <p class=\"text-body-highlighted-l\">\n                      {this.#componentLocale.selectUserTeam.infoMessage}\n                    </p>\n                  </div>,\n\n                  <div class=\"field-group\">\n                    <div class=\"field field-block\">\n                      <label htmlFor=\"teams\">\n                        {this.#componentLocale.teams}\n                      </label>\n                      <ch-combo-box-render\n                        id=\"teams\"\n                        accessibleName=\"Teams\"\n                        class=\"combo-box teams-list\"\n                        model={this.#userTeamsModel}\n                        value={this.#userTeamsModel[0]?.value}\n                        ref={(el: HTMLChComboBoxRenderElement) =>\n                          (this.#chSelectTeamEl =\n                            el as HTMLChComboBoxRenderElement)\n                        }\n                      ></ch-combo-box-render>\n                    </div>\n                  </div>\n                ]\n              )}\n\n              <div>\n                <button\n                  class=\"button-primary main-btn\"\n                  onClick={this.#authStepCallback}\n                >\n                  {this.#componentLocale[this.authStepInternal].buttonCaption}\n                </button>\n              </div>\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type AuthStep = \"signIn\" | \"selectUserTeam\";\n\nexport type TeamData = {\n  id: string;\n  name: string;\n};\n"],"mappings":"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"}